@charset "utf-8";



@import url("./nit_iconfont.css");



.iconfont {

    font-size: inherit;

    line-height: 1;

    -webkit-text-stroke-width: 0;

}



#skip {

    width: 0;

    height: 0;

    overflow: hidden;

}

/* font-color */

.text-main {

    color: #4c62a6;

}

/* button */

.btn {

    border-radius: 3px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.btn-main {

    color: #fff;

    background-color: #4c62a6;

    border-color: #4c62a6;

}

.orangered-bg {

    background-color: #de371c;

}

.yellow-bg {

    background-color: #f39229;

}

.between {

    justify-content: space-between;

}

.between:before,

.between:after {

    display: none;

}

.btn-main:hover,

.btn-main:focus,

.btn-main.focus,

.btn-main:active,

.btn-main.active {

    background-color: #5c74be !important;

    border-color: #5c74be !important;

    color: #fff;

}

/* label */

.label {

    line-height: 16px;

    background-color: #c4c4c4;

    border-radius: 16px;

    padding: 2px 10px;

    margin-right: 8px;

}

.label-success {

    background-color: #5cb85c;

}

.label-main {

    background-color: #4c62a6;

}

/* panel */

.panel {

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

    padding: 0 20px;

    border-radius: 0;

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

    border: 0;

}

.panel:hover:after,

.panel:hover:before {

    position: absolute;

    left: 0;

    right: 0;

    height: 1px;

    background: #bf0c0d;

    content: "";

}

.panel:hover:after {

    top: 0;

    animation: panel-top-solid 5s infinite alternate;

    -webkit-animation: panel-top-solid 5s infinite alternate;

    -moz-animation: panel-top-solid 5s infinite alternate;

    -o-animation: panel-top-solid 5s infinite alternate;

    -ms-animation: panel-top-solid 5s infinite alternate;

}

@keyframes panel-top-solid {

    0% {

        left: 0;

    }

    50% {

        left: 100%;

    }

    100% {

        left: 0;

    }

}

@-webkit-keyframes panel-top-solid {

    0% {

        left: 0;

    }

    50% {

        left: 100%;

    }

    100% {

        left: 0;

    }

}

@-moz-keyframes panel-top-solid {

    0% {

        left: 0;

    }

    50% {

        left: 100%;

    }

    100% {

        left: 0;

    }

}

@-o-keyframes panel-top-solid {

    0% {

        left: 0;

    }

    50% {

        left: 100%;

    }

    100% {

        left: 0;

    }

}

@-ms-keyframes panel-top-solid {

    0% {

        left: 0;

    }

    50% {

        left: 100%;

    }

    100% {

        left: 0;

    }

}



.panel:hover:before {

    bottom: 0;

    animation: panel-bottom-solid 5s infinite alternate;

    -webkit-animation: panel-bottom-solid 5s infinite alternate;

    -moz-animation: panel-bottom-solid 5s infinite alternate;

    -o-animation: panel-bottom-solid 5s infinite alternate;

    -ms-animation: panel-bottom-solid 5s infinite alternate;

}

@keyframes panel-bottom-solid {

    0% {

        right: 0;

    }

    50% {

        right: 100%;

    }

    100% {

        right: 0;

    }

}

@-webkit-keyframes panel-bottom-solid {

    0% {

        right: 0;

    }

    50% {

        right: 100%;

    }

    100% {

        right: 0;

    }

}

@-moz-keyframes panel-bottom-solid {

    0% {

        right: 0;

    }

    50% {

        right: 100%;

    }

    100% {

        right: 0;

    }

}

@-o-keyframes panel-bottom-solid {

    0% {

        right: 0;

    }

    50% {

        right: 100%;

    }

    100% {

        right: 0;

    }

}

@-ms-keyframes panel-bottom-solid {

    0% {

        right: 0;

    }

    50% {

        right: 100%;

    }

    100% {

        right: 0;

    }

}

.paner-body {

    padding: 15px 20px;

}

/* TAB label */

ul.nav-pills {

    background-color: #f4f2f5;

}

ul.nav-pills li:first-child {

    border-top-left-radius: 3px;

    -webkit-border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    overflow: hidden;

}

ul.nav-pills li:last-child {

    border-top-right-radius: 3px;

    -webkit-border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    -webkit-border-bottom-right-radius: 3px;

    overflow: hidden;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:focus,

.nav-pills > li.active > a:hover {

    background-color: #4c62a6;

}



ul.nav-tabs.nav-line {

    padding-bottom: 1px;

    border-bottom: 1px solid #ebebeb;

}

ul.nav-tabs.nav-line > li > h2 {

    margin: 0 0 10px;

    line-height: 22px;

    font-size: 16px;

}

ul.nav-tabs.nav-line > li > h2 a,

ul.nav-tabs.nav-line > li > a {

    padding: 0 5px 11px;

    font-size: 16px;

    color: #666;

    transition: all 0s;

    border: 0;

    font-weight: normal;

}



ul.nav-tabs.nav-line > li.active h2 {

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 16px;

}

ul.nav-tabs.nav-line > li.active a {

    padding: 0 5px 11px;

    font-weight: bold;

    border-bottom: solid 2px #de371c;

    color: #de371c;

}

/* list */

.uli14 li {

    padding: 12px 0 12px 30px;

    background: url(../img/dot-circle.png) 10px center no-repeat;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.uli14 li a {

    color: #333;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.uli14 li:hover {

    color: #de371c;

    background: url(../img/dot-circle-hover.png) #f8f8f8 10px center no-repeat;

}

.nowrap,

ul.nowrapli li a {

    margin-left: 0;

    width: 100%;

}



/* map */

.Article {

    padding: 0 15px;

}

.Article-title {

    padding: 0 !important;

    font-size: 24px;

    text-align: center;

    color: #015293;

}

.Article_content {

    font-family: "Microsoft YaHei", arial, helvetica, sans-serif;

}

.Article_content:before,

.Article_content:after {

    display: table;

    content: " ";

}

.Article_content:after {

    clear: both;

}

.Article_content table {

    width: 100% !important;

}

.Article_content p {

    text-align: justify;

    color: #333;

    line-height: 2;

}

.Article_content img {

    width: auto;

    max-width: 100%;

}

.Article_content img[src*="icon_doc.gif"] {

    display: inline-block;

    *display: inline;

    margin-right: 10px !important;

}

.Article_content object {

    display: block;

    margin: 0 auto;

}

.Article-time {

    padding: 9px 10px;

    background: #f0f3f6;

    color: #666;

    font-size: 14px;

    line-height: 1.5;

}

/* pagination */

.pagination {

    margin: 50px 0;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span,

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-radius: 0;

}

.pagination > li > a,

.pagination > li > span {

    background: #bfbfbf !important;

    color: #fff !important;

    border: 0;

    margin: 0 4px;

}

.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover,

.pagination a:hover {

    background: #3e6ad9 !important;

}

.pagination > .disabled > a,

.pagination > .disabled > a:focus,

.pagination > .disabled > a:hover,

.pagination > .disabled > span,

.pagination > .disabled > span:focus,

.pagination > .disabled > span:hover {

    background: #eee !important;

}



input[type="text"],

textarea {

    -webkit-appearance: none;

}

/*-----header------------------------------------------------------------------------*/



/*-----body------------------------------------------------------------------------*/

.breadcrumb {

    padding: 18px 0;

    border-radius: 0;

    margin-bottom: 0;

    background: none;

    font-size: 14px;

}

.breadcrumb a {

    color: #666;

}

.breadcrumb a:hover {

    color: #bf0c0d;

}

.breadcrumb i {

    color: #bf0c0d;

    font-size: 18px;

    margin-right: 5px;

}

.breadcrumb li + li:before {

    content: ">";

}

.breadcrumb li:nth-child(2):before {

    content: "";

}

.bg-wall {

    height: 58px;

    background: #fff;

}

.search-box {

    position: absolute;

    top: 13px;

    right: 15px;

}

.search {

    position: relative;

    width: 300px;

}

.search input {

    width: 100%;

    height: 35px;

}

.search .search-btn {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 40px;

    text-align: center;

    font-size: 20px;

    color: #de371c;

    background: #fff;

    border: 1px solid #e6e9e8;

    border-left: 0;

}

.search .search-btn:hover {

    background: #f1f1f1;

}

.search input:focus + .search-btn {

    border: 1px solid #f9dcd9;

    border-left: 0;

}

.header-1 {

    border-bottom: 1px solid #ddd;

    overflow: hidden;

}

.header-1 h2 {

    color: #de371c;

    font-size: 18px;

    border-left: 3px solid #de371c;

    padding-left: 15px;

    font-weight: 700;

    margin: 20px 10px;

}

.left-side .header-1 h2 {

    text-align: left;

}

.header-1 h2 a {

    color: #de371c;

}

ul.list-date li a {

    width: 76% !important;

}

ul.list-date li span.time {

    margin-right: 5px;

    top: 12px;

    font-size: 14px;

    opacity: 1;

}

.btnicon-lgs p,

ul.btnicon-lg li a p {

    font-size: 16px;

    color: #666;

    margin-top: 15px;

}

.btnicon-lgs i.iconfont,

ul.btnicon-lg li a i.iconfont {

    color: #de371c;

}

ul.btnicon-lg li a:hover {

    border: 1px solid #de371c;

    box-shadow: 0px 4px 10px 1px #ffedeb;

}

.header-2 {

    overflow: hidden;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.header-2 h2 {

    font-size: 18px;

    text-align: center;

    margin: 0 20px;

    padding: 13px 0;

    line-height: 30px;

    font-weight: 700;

    border-bottom: 1px solid #eee;

}

.header-2 i {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    margin-right: 15px;

    border-radius: 50%;

    font-size: 18px;

    text-align: center;

}

.header-2-blue {

    border-top: 2px solid #277ee0;

}

.header-2-red {

    border-top: 2px solid #de371c;

}

.header-2-yellow {

    border-top: 2px solid #f39229;

}

.header-2-green {

    border-top: 2px solid #80ba42;

}

.panel-header-blue:hover .header-2-blue {

    background: #c9dff7;

}

.panel-header-red:hover .header-2-red {

    background: #f7cdc6;

}

.panel-header-yellow:hover .header-2-yellow {

    background: #fce4c9;

}

.panel-header-green:hover .header-2-green {

    background: #dfeed0;

}

.panel-header-blue:hover h2 {

    border-bottom: 1px solid #c9dff7;

}

.panel-header-red:hover h2 {

    border-bottom: 1px solid #f7cdc6;

}

.panel-header-yellow:hover h2 {

    border-bottom: 1px solid #fce4c9;

}

.panel-header-green:hover h2 {

    border-bottom: 1px solid #dfeed0;

}

.panel-header-blue:hover:after,

.panel-header-blue:hover:before {

    background: #277ee0;

}

.panel-header-red:hover:after,

.panel-header-red:hover:before {

    background: #de371c;

}

.panel-header-yellow:hover:after,

.panel-header-yellow:hover:before {

    background: #f39229;

}

.panel-header-green:hover:after,

.panel-header-green:hover:before {

    background: #80ba42;

}

.header-2-blue i {

    background: #c9dff7;

    color: #277ee0;

}

.header-2-red i {

    background: #f7cdc6;

    color: #de371c;

}

.header-2-yellow i {

    background: #fce4c9;

    color: #f39229;

}

.header-2-green i {

    background: #dfeed0;

    color: #80ba42;

}

.header-2-blue h2,

.header-2-blue h2 a {

    color: #277ee0;

}

.header-2-red h2,

.header-2-red h2 a {

    color: #de371c;

}

.header-2-yellow h2,

.header-2-yellow h2 a {

    color: #f39229;

}

.header-2-green h2,

.header-2-green h2 a {

    color: #80ba42;

}

.uli14-big li {

    padding: 13px 0 13px 30px;

}

.uli14-big li:hover {

    background: url(../img/dot-circle-hover.png) 10px center no-repeat;

}

.margin-top-7 {

    margin-top: 7px !important;

}

.pic-list {

    margin: 0 -8px;

}

.pic-list li {

    float: left;

    width: 50%;

    padding: 5px 8px;

}

.pic-list li a {

    position: relative;

    display: block;

}

.pic-list li a:before {

    position: absolute;

    bottom: 8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block;

    width: 30%;

    height: 2px;

    background: #fff;

    content: "";

    z-index: 1;

}

.pic-list li a img {

    width: 100%;

}

.pic-list li p {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    line-height: 3.5;

    color: #fff;

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));

}

.uli15 li a {

    display: block;

    padding: 0 5px;

    margin: 10px 0;

    color: #333;

    font-size: 14px;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.uli15 li:hover {

    background: #ffe8e8;

}

.uli15 li:nth-child(odd) a {

    border-right: 1px solid #eee;

}

.uli15 li:hover:nth-child(odd) a {

    border-right: 1px solid #bf0c0d;

}

.icon-lr li {

    margin-bottom: 10px;

}

.icon-lr li a {

    display: block;

    padding: 12px 0;

    color: #fff;

    background: #de371c;

}

.icon-lr li a:hover {

    background: #ed371b;

}

.icon-lr li a i {

    font-size: 26px;

    vertical-align: sub;

    margin: 0 15px 0 55px;

}

.icon-lr li.search-input {

    position: relative;

}



.icon-lr li.search-input input {

    width: 100%;

    border: 1px solid #eee;

    height: 50px;

}

.icon-lr li.search-input .search-btn {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 40px;

    text-align: center;

    font-size: 24px;

    color: #de371c;

    background: transparent;

    border: 0;

}

.icon-lr li.search-input i {

    margin: 0;

    vertical-align: inherit;

}

.header-2-l {

    border-top: 0;

}

.header-2-l h3 {

    margin: 15px 0 5px;

    color: #333;

    font-size: 16px;

}

.table th {

    text-align: center;

    font-weight: normal;

    color: #333;

    background: #f5f5f5;

    border: 0 !important;

}

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th {

    border-top: 1px dashed #f0f0f0;

    padding: 15px 10px;

}

.table > thead > tr > td,

.table > thead > tr > th {

    padding: 10px;

}

.table > tbody > tr:first-child > td {

    border: 0;

}

.table a {

    color: #333;

}

.table a:hover {

    color: #bf0c0d;

}

.pic-list-2 .ImgCrop {

    position: relative;

    float: left;

    width: 164px;

    overflow: hidden;

}

.pic-list-2 .ImgCrop img {

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.pic-list-2 .ImgCrop:hover img {

    -webkit-filter: grayscale(0.6);

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.pic-list-2 .uli14 li {

    padding: 8px 0 8px 15px;

    background: url(../img/dot-circle.png) 0px center no-repeat;

}

.pic-list-2 .ImgCrop span {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 75px;

    height: 75px;

    padding: 14px;

    border-radius: 50%;

    background: #000000;

    color: #fff;

    text-align: center;

}

.pic-list-2 .info {

    padding-left: 184px;

}

.pic-list-2 .info .btn {

    padding: 3px 12px;

    background: #de371c;

    color: #fff;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.pic-list-2 .info .btn:hover {

    background: #fff;

    border: 1px solid #de371c;

    color: #de371c;

}

.pic-list-2 .info p {

    color: #666;

    max-height: 72px;

    overflow: hidden;

    margin-bottom: 20px;

}

.pic-list-2 > li {

    padding: 12px 0;

    overflow: hidden;

}

.pic-list-2 .title {

    padding: 5px;

    font-size: 18px;

    border-bottom: 1px solid #f0f0f0;

}

.li4 li {

    float: left;

    width: 25%;

}

.li5 li {

    float: left;

    width: 20%;

}

.pic-list-2-blue .ImgCrop span {

    background: rgba(68, 146, 210, 0.7);

}

.pic-list-2-yellow .ImgCrop span {

    background: rgba(189, 93, 35, 0.7);

}

.pic-list-2-brown .ImgCrop span {

    background: rgba(148, 82, 68, 0.7);

}

.pic-list-2-blue .info .title a {

    color: #427fcc;

}

.pic-list-2-yellow .info .title a {

    color: #faae35;

}



.panel .brief14 {

    padding: 25px 0 15px;

    padding-left: 10px;

    border-bottom: 1px dashed #ddd;

}

.panel .brief14 .dot2 {

    height: 44px;

    text-indent: 0;

    font-size: 14px;

    line-height: 22px;

    color: #999;

    overflow: hidden;

}

.brief14 h4 {

    font-size: 16px;

}

.brief14 h4 a:hover {

    color: #bf0c0d;

}

.brief14 a {

    color: #333;

}

.brief14 .readmore {

    color: #bf0c0d;

    font-weight: 600;

}

.panel15 .brief14 {

    padding: 10px 0 10px;

}

.panel15 .uli14 li {

    padding: 6px 0 6px 30px;

}

.panel15 ul.list-date li span.time {

    top: 8px;

}

.panel15 .brief14 p {

    margin-bottom: 0;

}

.uli14-paddsm.uli14 li {

    padding: 7px 0 7px 30px !important;

}

.uli14-paddsm.uli14 li span.time {

    top: 9px;

}

.pic-list15 li a:before {

    display: none !important;

}

.dowebok-vt {

    height: 208px;

}

.dowebok-vt15 li {

    height: 48px;

    line-height: 48px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.dowebok-vt15 li a {

    color: #333;

}

.dowebok-vt15 li span {

    color: #367ea5;

}

.tab-content15 {

    padding: 11px 0;

}

.video-box .tab-content15 {

    padding: 0;

}

ul.nav-tabs.nav-list15 a {

    line-height: 1;

    font-size: 18px;

    padding: 0;

    font-weight: 700;

    margin-bottom: 20px;

    color: #999;

    border-radius: 0;

}

ul.nav-tabs.nav-list15 > li {

    margin: 0 10px;

}

ul.nav-tabs.nav-list15 > li:first-child a {

    border-left: 3px solid #de371c;

}

ul.nav-tabs.nav-list15 > li > a {

    text-align: left;

    padding-left: 15px;

}

ul.nav-tabs.nav-list15 > .active a {

    color: #de371c;

}

ul.nav-tabs.nav-list15 a:hover {

    background-color: transparent;

}

.panel15 {

    height: 350px;

}

.panel15 .item img {

    height: 350px;

}

.item .title {

    font-size: 16px;

}

.well-sm15 {

    margin-bottom: 0;

    padding: 12px 0;

}

.panel16 ul.nav-tabs.nav-list15 a {

    margin-top: 20px;

}

ul.nav-tabs.nav-line15 {

    position: absolute;

    width: 50%;

    right: 20px;

    top: 0;

    padding: 20px 0;

    border-bottom: none;

}

ul.nav-tabs.nav-line15 li {

    float: right;

}

.news-photo {

    margin-bottom: 15px;

}

.news-photo img {

    display: block;

    height: 100%;

    width: 100%;

}

.news-photo {

    height: 136px;

}

.news-photo-b {

    height: 288px;

}

.news-photo > a {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}

.news-photo .title15 {

    font-size: 14px;

    width: 100%;

    padding: 0 10px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    box-shadow: inset 0 -20px 30px rgba(0, 0, 0, 0.6);

    position: absolute;

    left: 0;

    bottom: 0;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.video-box .col-sm-5,

.video-box .col-sm-7,

.video-box .col-xs-12 {

    padding-left: 10px;

    padding-right: 10px;

}

/*------------------------------------------要闻动态----------------------------------------------------------------------*/

.header-0831 {

    position: relative;

}

.header-0831 .right-nav {

    position: absolute;

    right: 0;

    color: #808080;

    top: 20px;

}

.header-0831 .right-nav a {

    font-size: 14px;

    height: 14px;

    line-height: 14px;

    display: inline-block;

    padding: 0;

    color: #808080;

    padding-left: 10px;

    margin-left: 10px;

    border-left: 1px solid #ddd;

}

.right-nav a:hover {

    color: #de371c;

    font-weight: 600;

}

.title0831 {

    color: #04539a;

    font-weight: 600;

    font-size: 16px;

    padding-left: 30px;

}

.text-box0831 {

    padding: 20px 0;

}

.well0830 {

    margin: 0;

    font-size: 14px;

    padding: 15px 0 0 0;

    text-align: center;

}

.nomarin-row {

    margin-left: 0;

    margin-right: 0;

    padding: 0;

}

.left-icon {

    padding: 6px 0;

}

.left-icon a {

    display: block;

    color: #fff;

}

.left-icon i {

    display: block;

    text-align: center;

    margin: 10px auto 5px;

    font-size: 30px;

}

.left-icon b {

    display: block;

    width: 100%;

    height: 42px;

    text-align: center;

}

.mail-ul {

    padding: 8px 0;

}

.mail-ul li {

    height: 42px;

    line-height: 42px;

    padding: 0 10px;

}

.mail-ul li a {

    color: #666666;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: inline-block;

}

.mail-ul .bor-bot {

    border-bottom: 1px dashed #d1d1d1;

}

.nocricle li {

    padding-left: 0;

    background-image: none !important;

}

ul.nocricle {

    padding-left: 0;

}

.right-tab-nav .active {

    border-bottom: 1px solid #de371c;

}

ul.nav-tabs.nav-line > li.active a {

    padding-right: 0;

    text-align: center;

    height: 40px;

}

ul.nav-tabs.nav-line > li a:hover {

    background-color: transparent;

}

.tab-cont-row {

    padding-top: 10px;

}

.tab-cont-row .left-img {

    padding-left: 0;

}

.left-img img {

    display: block;

    max-width: 120px;

    width: initial;

}

.right-text p {

    font-size: 14px;

    margin: 5px 0 15px;

}

.panel .row {

    margin-left: 0;

    margin-right: 0;

}

.panel .uli15 .col-xs-5,

.panel .uli15 .col-xs-6,

.panel .uli15 .col-xs-7 {

    padding: 0;

}

.pic-list15 .photo a {

    height: 72px;

    overflow: hidden;

}

.pic-list15 .photo a img {

    display: block;

    width: 100%;

    height: auto;

}

/*政务公开*/

.gk-list {

    margin-left: -10px;

    margin-right: -10px;

}

.gk-list .col-20 {

    float: left;

    position: relative;

}

.gk-list .col-20 > a {

    display: block;

    height: 170px;

    color: #fff;

    padding: 20px;

    margin: 0 10px;

}

.gk-list .col-20 > a p {

    font-size: 28px;

    position: relative;

    margin-top: 80px;

}

.gk-list .col-20 > a p:before {

    content: "";

    position: absolute;

    width: 60px;

    height: 4px;

    top: -40px;

    background: rgba(255, 255, 255, 0.5);

}

.gk-list .bg-color-1 {

    background: url("../img/color-bg-1.jpg");

}

.gk-list .bg-color-2 {

    background: url("../img/color-bg-2.jpg");

}

.gk-list .bg-color-3 {

    background: url("../img/color-bg-3.jpg");

}

.gk-list .bg-color-4 {

    background: url("../img/color-bg-4.jpg");

}

.gk-list .bg-color-5 {

    background: url("../img/color-bg-5.jpg");

}

.gk-list .hover-show,

.btnicon-round .hover-show {

    position: absolute;

    background: #fff;

    -webkit-box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.1);

    padding: 10px;

    margin: 10px;

    top: 150px;

    z-index: 9999;

    left: 0;

    right: 0;

    display: none;

}

.gk-list .col-20:hover .hover-show,

.btnicon-round .col-20:hover .hover-show {

    display: block;

}

.gk-list .hover-show li,

.btnicon-round .hover-show li {

    padding: 10px 0;

}

.gk-list .hover-show li a,

.btnicon-round .hover-show li a {

    color: #444;

    display: block;

    font-size: 16px;

    background: url("../img/dot-circle-hover.png") 10px center no-repeat;

    padding-left: 30px;

}

.gk-list .hover-show li a:hover,

.btnicon-round .hover-show li a:hover {

    color: #de371c;

}

.gk-list .hover-show li,

.btnicon-round .hover-show li {

}



.tab-header {

    margin-top: 10px;

    padding-bottom: 10px;

    position: relative;

    margin-left: 10px;

}

.tab-header:before {

    content: "";

    width: 3px;

    background: #de371c;

    display: block;

    position: absolute;

    left: 0;

    top: 10px;

    height: 19px;

}

.tab-header li {

    font-size: 18px;

}

.tab-header li a {

    background: none;

    color: #999;

    padding-left: 20px;

    padding-right: 20px;

    font-weight: bold;

}

.tab-header li.active a,

.tab-header li a:hover,

.tab-header li.active a,

.tab-header li.active > a {

    background: none;

    color: #de371c !important;

}

.list-color {

    margin-top: 20px;

}

.list-color li {

    position: relative;

    border-top: 1px solid #eee;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 5px;

}

.list-color li a {

    display: block;

    padding: 15px 25px;

    overflow: hidden;

    color: #333;

    position: relative;

    z-index: 2;

}

.list-color li a i {

    float: left;

    font-size: 26px;

    margin-right: 10px;

    transition: 0.3s;

}

.list-color li a p {

    float: left;

    font-size: 16px;

    margin-bottom: 0 !important;

    transition: 0.3s;

}

.list-color li:hover i,

.list-color li:hover p {

    color: #fff;

}

.list-color li:hover:after {

    width: 100%;

}

.list-color li:after {

    content: "";

    position: absolute;

    top: -1px;

    left: -3px;

    padding-right: 4px;

    width: 0%;

    height: 58px;

    box-sizing: initial;

    z-index: 1;

    transition: 0.3s;

}

.box-orange {

    border-left: 4px solid #ff7b11;

}

.box-orange:after {

    background-color: #ff7b11;

}

.box-orange i {

    color: #ff7b11;

}

.box-green {

    border-left: 4px solid #44ae88;

}

.box-green:after {

    background-color: #44ae88;

}

.box-green i {

    color: #44ae88;

}

.box-blue {

    border-left: 4px solid #427fcc;

}

.box-blue:after {

    background-color: #427fcc;

}

.box-blue i {

    color: #427fcc;

}

.box-red {

    border-left: 4px solid #fd6461;

}

.box-red:after {

    background-color: #fd6461;

}

.box-red i {

    color: #fd6461;

}

.box-yellow {

    border-left: 4px solid #faae35;

}

.box-yellow:after {

    background-color: #faae35;

}

.box-yellow i {

    color: #faae35;

}

.btnicon-lg-border li a {

    border: 1px solid #eee;

    border-radius: 0;

}

.gzjg {

    line-height: 37px;

    font-size: 14px;

    margin-top: 10px;

    margin-bottom: 15px;

}

.bg-blue a {

    background: #417dcb !important;

}

.bg-org a {

    background: #ff7b11 !important;

}

.xxgk-list {

    display: flex;

    justify-content: space-between;

    margin: 20px 0;

}

.xxgk-list li a img {

    width: 210px;

}

.red-top {

    border-top: 2px solid #de371c;

}

.header-xx {

    display: flex;

    justify-content: center;

    width: 100%;

    height: 60px;

    align-items: center;

}

.header-xx span {

    width: 30px;

    height: 30px;

    display: inline-block;

    background: #f7cdc6;

    border-radius: 50%;

    text-align: center;

    margin-right: 6px;

    padding-top: 4px;

    margin-top: 10px;

}

.header-xx span i {

    color: #de371c;

    font-size: 18px;

}

.header-xx h2 {

    font-size: 18px;

    font-weight: bold;

}

.header-xx h2 a {

    color: #3c3b3b;

}

/*侧边栏*/

.side-bar {

    width: 35px;

    padding: 200px 0;

    background: #191616;

    color: #fff;

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    text-align: center;

}

.user {

    font-size: 12px;

    display: block;

    padding: 14px 0;

}

.side-bar i {

    font-size: 20px;

}

.side-bar a {

    color: #fff;

}

.icon-group {

    margin-top: 30px;

}

.icon-group li {

    padding: 14px 6px;

    display: block;

    position: relative;

    cursor: pointer;

}

.icon-group li.active,

.icon-group li:hover,

.user:hover {

    background: #bf0c0d;

}

.icon-group .hover-show {

    /*display: none;*/

    position: absolute;

    right: 50px;

    padding: 14px 18px;

    background: #5c5353;

    font-size: 15px;

    white-space: nowrap;

    top: 0;

}

.icon-group .hover-show:after {

    content: "";

    border: 6px solid transparent;

    border-left-color: #5c5353;

    right: -12px;

    top: 50%;

    margin-top: -6px;

    position: absolute;

    width: 0;

    height: 0;

}

/*首页*/

/*首页头部*/

.index-container {

    width: 1400px;

    padding: 0 80px;

    background: #fff;

}

.header {

    background: #2f5398;

    box-shadow: 0 3px 7px 0px #d0d0d0;

    position: relative;

}

.header .header-cont {

    display: flex;

    justify-content: space-between;

    padding: 14px 0 20px;

    align-items: center;

}

.header .container:before,

.header .container:after {

    display: none;

}

.header .header-cont .navbar {

    min-height: auto;

}

.header .header-cont .logo {

    display: flex;

    justify-content: flex-start;

}

.header .header-cont .navbar-default {

    background: none;

    color: #fff;

}

.header .header-cont .nav-menu {

    display: flex;

    justify-content: space-between;

}

.header .header-cont .nav-menu a {

    font-weight: bold;

    color: #fff;

    padding: 0 17px;

}

.header .header-cont .nav-menu a:hover {

    color: #ffec08;

}

.header .header-cont .nav-menu li:last-child a {

    padding-right: 0;

}

.header .index-container {

    background: none;

}

.header .nav-ul .top-link {

    display: flex;

    justify-content: flex-end;

    margin-bottom: 10px;

    margin-right: 50px;

}

.header .nav-ul .top-link a {

    margin-left: 25px;

    color: #fff;

    font-size: 13px;

    opacity: 0.8;

}

.header .nav-ul .top-link a:hover {

    opacity: 1;

}

.ma-infinitypush-wrapper .ma-infinitypush-button {

    background: #c50001;

    width: 80px;

    height: 42px;

    box-shadow: none;

    left: -80px !important;

    border-radius: 3px;

    top: 20px;

}

.ma-infinitypush-wrapper .ma-infinitypush > ul {

    border-bottom: 0;

    padding-top: 20px;

}

.ma-infinitypush li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.ma-infinitypush-button:before {

    content: "\e62c";

    font-size: 24px;

    color: #fff;

    font-family: iconfont;

    text-indent: 0;

    display: block;

    position: absolute;

    left: 10px;

    top: 4px;

}

.ma-infinitypush-wrapper .ma-infinitypush {

    background: #4e4b4b;

}

.ma-infinitypush-wrapper .ma-infinitypush .nav-menu li a {

    color: #fff;

    padding: 14px 20px;

    text-align: center;

}

.ma-infinitypush-button:after {

    content: "导航";

    color: #fff;

    text-indent: 0;

    font-size: 16px;

    display: block;

    position: absolute;

    left: 40px;

    top: 10px;

}



/*二级头部*/

.header-sec .navbar-header:before,

.header-sec .navbar-header:after {

    display: none;

}

.header-sec .navbar-header-1 a {

    padding-left: 10px;

    margin-left: 10px;

    position: relative;

}

.header-sec .navbar-header-1 a:before {

    content: "";

    background: #ccc;

    width: 1px;

    height: 12px;

    position: absolute;

    top: 2px;

    left: 0;

}

.header-sec .slogen {

    margin-top: -24px;

}

.header-sec .navbar-header-2 {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 16px;

}

.header-sec .navbar-header-2 a {

    color: #666;

    font-size: 12px;

    margin: 0 10px;

}

.header-sec .navbar-header-2 a:hover {

    color: #c50001;

}

.header-sec .navbar-header-2 a i {

    color: #bfbfbf;

    font-size: 14px;

}

.header-sec .navbar-header-2 .dropdown-menu {

    border-radius: 0;

    min-width: auto;

    padding: 0;

}

.header-sec .navbar-header-2 .dropdown-menu a {

    margin: 0 !important;

}

.header .dropdown-menu {

    border-radius: 0 !important;

    min-width: auto !important;

    padding: 0 !important;

}



.header .dropdown-menu a {

    margin: 0 !important;

    color: #4a4a4a !important;

}

.header-sec .navbar-header {

    display: flex;

    justify-content: space-between;

    color: #666;

    width: 100%;

    font-size: 12px;

    padding-top: 16px;

}

.header-sec .navbar-header a {

    color: #666;

}

.bg-white {

    background: #fff;

}

.header-cont-2 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 30px 0 20px;

}

.header-cont-2 > a {

    display: block;

}

.header-cont-2 .search-header {

    width: 510px;

}

.header-cont-2 .search-header .search-group {

    display: flex;

}

.header-cont-2 .search-header .search-group input {

    border: 2px solid #c50001;

    border-radius: 50px 0 0 50px !important;

    height: 52px;

    padding-left: 20px !important;

}

.header-cont-2 .search-header .search-group .btn {

    border-radius: 0 50px 50px 0;

    background: #c50001;

    border: none;

    height: 52px;

    padding: 0 20px;

}

.header-cont-2 .search-header .search-group .btn i {

    font-size: 30px;

    color: #fff;

    margin-top: 10px;

}

.header-cont-2 .search-header .hotw {

    margin-top: 10px;

    font-size: 12px;

    color: #5b5b5b;

    margin-left: 20px;

}

.header-cont-2 .search-header .hotw a {

    color: #5b5b5b;

}

.main-menu {

    background: #bf0c0d;

}

.main-menu .nav-menu {

    display: flex;

    background: none;

}

.main-menu .nav-menu a {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

}

.main-menu .nav-menu li {

    padding: 0 35px;

    line-height: 50px;

}

.main-menu .nav-menu li.active {

    background: #f04c0b;

}

.main-menu .nav-menu li a {

    display: block;

    padding: 0 8px;

    border-bottom: 2px solid transparent;

}

.main-menu .nav-menu li a:hover {

    border-bottom: 2px solid #ff8921;

}

.footer-cont {

    padding: 20px 0;

    background: #696161;

}



/*footer*/

.footer .index-container {

    padding: 0;

}

.footer .footer-links {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #878181;

    margin-bottom: 20px;

}

.footer .footer-links > li > a {

    color: #c4c1c1;

    padding: 0 20px;

    font-size: 14px;

}

.footer .footer-links .dropdown-menu {

    border-radius: 0;

    max-height: 300px;

    overflow-y: auto;

}

.footer .footer-info p {

    color: #c4c1c1;

    font-size: 12px;

    text-align: center;

    margin-bottom: 2px;

}

.footer .footer-info p img {

    margin-right: 5px;

}

.footer .footer-info a {

    color: #c4c1c1;

}

.footer .footer-img {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 30px 0 10px;

}

.footer .footer-img img {

    margin: 0 10px;

}

.footer-info {

    text-align: center;

}

.footer-info div {

    display: inline-block;

    vertical-align: middle;

}

.footer-info div img {

    margin: 0 10px;

}



.share {

    position: fixed;

    bottom: 300px;

    right: 20px;

    z-index: 99;

}



.share1 {

    position: fixed;

    bottom: 380px;

    right: 20px;

    z-index: 99;

}

.share > ul > li {

    width: 48px;

    height: 48px;

    padding: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    list-style: none;

    border-radius: 50%;

    margin-bottom: 10px;

    cursor: pointer;

    position: relative;

    background: #fff;

}

.share > ul > li:hover {

    background-color: #c50001;

}

.share > ul > li > i {

    font-size: 26px;

    color: #b9b9b9;

}

.share > ul > li:hover i {

    color: #fff;

}

.share > ul > li.help .help-cont {

    display: none;

    position: absolute;

    background: #c50001;

    padding: 10px 20px;

    height: 48px;

    color: #fff;

    left: -102px;

    top: 0;

    border-radius: 50px;

    align-items: center;

    width: 150px;

}

.share ul li.help .help-cont a {

    white-space: nowrap;

    margin-left: 6px;

    float: left;

    padding-top: 2px;

    font-size: 16px;

    color: #fff;

}

.share ul li.help .help-cont i {

    color: #fff;

    float: left;

    font-size: 24px;

    margin-top: 2px;

}



.share1 > ul > li {

    width: 48px;

    height: 48px;

    padding: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    list-style: none;

    border-radius: 50%;

    margin-bottom: 10px;

    cursor: pointer;

    position: relative;

    background: #fff;

}

.share1 > ul > li:hover {

    background-color: #c50001;

}

.share1 > ul > li > i,

.share1 > ul > li > a > i {

    font-size: 26px;

    color: #b9b9b9;

}

.share1 > ul > li:hover i {

    color: #fff;

}

.share1 > ul > li.help .help-cont {

    display: none;

    position: absolute;

    background: #c50001;

    padding: 10px 20px;

    height: 48px;

    color: #fff;

    left: -102px;

    top: 0;

    border-radius: 50px;

    align-items: center;

    width: 150px;

}

.help .share-show:after{

    display: none;

}



.share1 ul li.help .help-cont a {

    white-space: nowrap;

    margin-left: 6px;

    float: left;

    padding-top: 2px;

    font-size: 16px;

    color: #fff;

}

.share1 ul li.help .help-cont i {

    color: #fff;

    float: left;

    font-size: 24px;

    margin-top: 2px;

}



.share-show {

    position: absolute;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    padding: 12px;

    background: #fff;

    border-radius: 3px;

}

.share-show:after {

    content: "";

    border: 8px solid transparent;

    border-left-color: #fff;

    top: 36px;

    right: -16px;

    position: absolute;

    width: 0;

    height: 0;

}

.share-show li a i {

    transition: 0.3s;

    display: block;

}



.share-show li a:hover i {

    -ms-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -o-transform: scale(1.2);

}

.wx-show {

    left: -135px;

    top: -20px;

}

.wx-show p {

    font-size: 12px;

    margin-bottom: 0;

    margin-top: 8px;

}

.mail-show {

    right: 65px;

    top: -20px;

    padding: 20px;

}

.mail-show .radio-inline {

    display: flex;

    font-size: 14px;

    align-items: center;

    padding-left: 0;

}

.mail-show .radio-inline label {

    width: 25%;

}

.mail-show .radio-inline .radio {

    margin-top: 0;

}

.mail-show .pos-r-t {

    position: absolute;

    top: 20px;

    right: 20px;

    color: #ff9704;

    font-size: 14px;

}

.mail-show .login-cont {

    margin-top: 10px;

}

.mail-show .login-cont input {

    width: 360px;

    height: 40px;

    border-radius: 3px !important;

    margin-bottom: 10px;

}

.mail-show .login-cont .btn {

    border-radius: 3px;

    display: block;

}

.app-show {

    padding: 20px 10px;

    right: 65px;

    top: -20px;

}

.app-show ul {

    display: flex;

    flex-direction: row;

}

.app-show ul li {

    margin: 0 10px;

}

.app-show span {

    font-size: 16px;

    font-weight: bold;

    margin-top: 10px;

}

.dy-show .radio-inline label {

    width: 30%;

}

.dy-show label {

    display: flex;

    align-items: center;

}

.dy-show label input {

    margin-right: 4px;

}

.dy-cont {

    display: flex;

    align-items: flex-start;

}

.dy-show .dy-cont input {

    width: 290px;

}

.dy-show .dy-cont .btn {

    height: 40px;

}



.share-show {

    padding: 20px 10px;

    right: 60px;

    top: -10px;

    display: none;

}

.share-show:after {

    top: 24px;

}

.share-show ul {

    display: flex;

}

.share-show ul li {

    margin: 0 12px;

    float:left;

    width:100px;

    height:120px;

}

.share-show ul li i {

    font-size: 26px;

}

.share-show ul li i.green {

    color: #5db333;

}

.share-show ul li i.red {

    color: #f02d2d;

}

.share-show ul li i.blue {

    color: #07579d;

}

.share-show ul li i.yellow {

    color: #f4cf32;

}



.share li .home-share span {

    display: none;

}

.share li .home-share a {

    margin: 0 5px;

}



.share1 ul li:hover .share-show,

.share1 ul li:active .share-show,

.share1 ul li:focus .share-show {

    display: block;

}

.share1 li .home-share span {

    display: none;

}

.share1 li .home-share a {

    margin: 0 5px;

}



.left-side,

.right-side {

    padding-top: 56px;

}

.left-side .item {

    max-height: 318px;

    overflow: hidden;

}

.left-side .owl-carousel .owl-item img {

    height: 248px;

}

.left-side .item span {

    font-size: 14px;

}

.header-ico {

    background: #c50001;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    position: absolute;

    left: -30px;

    font-size: 24px;

    text-align: center;

    color: #fff;

    border: 4px solid #fff;

    top: 50px;

    padding-top: 2px;

}

.right-side {

    margin-left: 30px;

    padding-left: 60px;

    border-left: 4px solid #c50001;

    position: relative;

    padding-bottom: 40px;

}

.right-side-2 {

    border-color: #ff9704 !important;

    padding-top: 10px;

}

.right-side-2 .header-ico {

    background: #ff9704;

    top: 0;

}

.left-side .owl-item > .item > a > .title {

    padding: 0;

}

.left-side .Slider-one .owl-dots {

    top: 10px;

    bottom: auto;

}

.left-side .owl-dots .owl-dot span {

    background: #fff;

}

.left-side .owl-dots .owl-dot.active span {

    background: #c50001;

}

.left-side .Slider-one .owl-controls .owl-nav {

    display: none;

}

.index-container .header-1 {

    border-bottom: 0;

}

.index-container .header-1 h2 {

    font-size: 18px;

    margin: 18px 0 15px;

}

.uli-no-ico li {

    padding-left: 0;

    font-size: 16px;

    line-height: 1;

    padding-top: 12px;

    padding-bottom: 12px;

}

.uli-no-ico li a .tag {

    float: left;

    border-right: 1px solid #ddd;

    margin-right: 10px;

    padding-right: 10px;

}

.uli-no-ico li,

.uli-no-ico li:hover {

    background: none;

}

.btnicon-round {

    position: relative;

    display: flex;

    margin-top: 10px;

}



.btnicon-round li {

    text-align: center;

    margin-bottom: 0 !important;

}

.btnicon-round li a p {

    font-size: 14px;

    color: #333;

}

.btnicon-round li a:hover p {

    color: #2f5398;

}

.btnicon-round li a .btn {

    width: 55px;

    height: 55px;

    background: #fef8f1;

    margin: 0 auto 10px;

    border-radius: 50%;

    padding: 0;

    line-height: 62px;

}

.btnicon-round li a .btn i {

    display: inline-block;

    font-size: 28px;

    color: #2f5398;

    transition: 0.3s;

}

.btnicon-round li:hover a .btn i {

    font-size: 30px;

    transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -moz-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    -o-transform: rotate(-15deg);

}



.btnicon-round li:hover a .btn {

    background: #2f5398;

    color: #fff;

    -ms-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05);

}

.btnicon-round li:hover a i {

    color: #fff;

}

.btnicon-round li .hover-show {

    width: 100%;

    height: 164px;

    left: 0;

    top: 56px;

    border: 1px solid #eee;

    padding: 12px 10px 4px 10px;

    margin: 10px 0;

    box-shadow: none;

    transition: 0.3s;

    background-color: #f8f8f8;

}



.btnicon-round li .hover-show li {

    float: left;

    width: 50%;

    padding-bottom: 10px;

    padding-top: 0;

}

.btnicon-round li .hover-show li a {

    text-align: left;

    position: relative;

    padding-left: 25px;

    background: none;

    font-size: 14px;

}

.btnicon-round li .hover-show li a:hover {

    margin-left: 5px;

}

.btnicon-round li .hover-show li a:before {

    content: "";

    border: 5px solid transparent;

    border-left-color: #c50001;

    left: 14px;

    top: 7px;

    position: absolute;

    width: 0;

    height: 0;

}

.btnicon-round li .hover-show:before {

    content: "";

    border: 8px solid transparent;

    border-bottom-color: #eee;

    top: -16px;

    position: absolute;

    width: 0;

    height: 0;

}

.btnicon-round li .hover-show:after {

    content: "";

    border: 6px solid transparent;

    border-bottom-color: #f8f8f8;

    top: -12px;

    position: absolute;

    width: 0;

    height: 0;

    margin-left: 2px;

}

.btnicon-round li:nth-child(1) .hover-show:before {

    left: 7.5%;

}

.btnicon-round li:nth-child(1) .hover-show:after {

    left: 7.5%;

}

.btnicon-round li:nth-child(2) .hover-show:before {

    left: 28%;

}

.btnicon-round li:nth-child(2) .hover-show:after {

    left: 28%;

}

.btnicon-round li:nth-child(3) .hover-show:before {

    left: 48%;

}

.btnicon-round li:nth-child(3) .hover-show:after {

    left: 48%;

}

.btnicon-round li:nth-child(4) .hover-show:before {

    left: 68%;

}

.btnicon-round li:nth-child(4) .hover-show:after {

    left: 68%;

}

.btnicon-round li:nth-child(5) .hover-show:before {

    left: 88%;

}

.btnicon-round li:nth-child(5) .hover-show:after {

    left: 88%;

}



.left-side .icon-lr li a {

    background: #fef8f1;

    color: #c50001;

}

.left-side .icon-lr li a:hover {

    background: #c50001;

    color: #fff;

    -ms-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05);

}

.left-side .icon-lr li a i {

    margin-left: 20px;

    margin-right: 10px;

}

.left-side h2 {

    font-size: 28px;

    margin-top: 0px;

    font-weight: bold;

    letter-spacing: 2px;

    text-align: center;

}

.left-side .blue {

    color: #3171b7;

}

.right-side .yellow {

    color: #ff9704;

}

.left-side .search-cont {

    margin-top: 20px;

}

.left-side .search-cont input {

    background: #f1eeee;

    height: 52px;

    line-height: 52px;

    padding-left: 20px;

    border-color: #f1eeee;

}

.left-side .search-cont input:focus {

    border-color: #3171b7 !important;

}

.left-side .search-cont .btn {

    padding: 0 15px;

    background: #3171b7;

    color: #fff;

    height: 52px;

    font-size: 26px;

    border-radius: 0;

}

.left-side .search-cont .btn:hover {

    background-color: #2863a2;

}

.left-side .hot {

    font-size: 12px;

    margin-top: 10px;

    margin-bottom: 20px;

    color: #666;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

}

.left-side .hot a {

    display: inline-block;

    color: #666;

    margin-right: 12px;

}

.left-side .hot a:hover {

    color: #c50001;

}

.mobile-login {

    display: none;

}

.mobile-login .radio-inline {

    display: flex;

    justify-content: center;

}

.mobile-login .login-cont {

    display: flex;

    flex-direction: column;

}

.mobile-login .login-cont input {

    border-radius: 3px !important;

    height: 42px;

    margin-bottom: 10px;

    width: 100%;

}

.mobile-login .login-bt {

    display: flex;

    align-items: center;

}

.mobile-login .login-bt button {

    margin-right: 20px;

    border-radius: 3px !important;

    height: 42px;

}

.ywtb {

    height: 450px;

}

.ywtb-title {

    margin-bottom: 45px;

    height: 38px;

    background: url(../images/ywtb.png) center no-repeat;

    text-align: center;

}

.ywtb-card > li {

    position: relative;

    height: 342px;

    overflow: hidden;

    float: left;

    width: 25%;

    border: 1px solid #ddd;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;

    margin-left: -1px;

    background-color: #fff;

}

.ywtb-card li.active {

    height: 384px;

    width: 50%;

    margin-top: -20px;

    border-color: #2f5398;

    z-index: 2;

}

.ywtb-card li .card-title {

    padding: 10px 0;

    display: block;

    text-align: center;

    background-color: #f3f1f1;

    color: #2f5398;

    font-size: 18px;

    font-weight: bold;

}

.ywtb-card li .card-title p {

    margin: 0;

}

.ywtb-card li .card-title i {

    font-weight: normal;

    font-size: 34px;

    display: block;

}

.ywtb-card li.active .card-title {

    font-size: 26px;

    background: #2f5398 url(../images/ywtb-bg.png) -30px center no-repeat;

    color: #fff;

}

.ywtb-card .icon-list {

    margin: 0 5px;

}

.ywtb-card .icon-list li {

    border-bottom: 1px solid #eee;

}

.ywtb-card .icon-list li:last-child {

    border-bottom: 0;

}

.ywtb-card .icon-list li a {

    display: block;

    padding: 20px 0;

    color: #505050;

    overflow: hidden;

    font-size: 16px;

}

.ywtb-card .icon-list li a span{

    /*float: left;*/

    font-size: 14px;

    line-height: 26px;

    height: 26px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: inline-block;

    width: 75%

}

.active .icon-list li a span{

    /*float: left;*/

    font-size: 14px;

    line-height: 26px;

    height: unset;

    overflow: unset;

    white-space: unset;

    text-overflow: unset;

    display: unset;

    width: unset

}

.ywtb-card .icon-list li a i {

    font-size: 24px;

    float: left;

margin-right: 9px;

    margin-left: 9px;

}

/* .ywtb-card li.ywtb-item3 .icon-list li a i {

    color: #888;

} */

.ywtb-card li.ywtb-item3.active .icon-list li a i {

    color: inherit;

}

.ywtb-card li.ywtb-item1.active .icon-list,

.ywtb-card li.ywtb-item2.active .icon-list {

    margin: 8px 15px;

    overflow: hidden;

}

.ywtb-card li.ywtb-item1.active .icon-list li,

.ywtb-card li.ywtb-item2.active .icon-list li {

    float: left;

    width: 25%;

    text-align: center;

    border: 0;

}

.ywtb-card li.ywtb-item1.active .icon-list li i,

.ywtb-card li.ywtb-item2.active .icon-list li i {

    position: relative;

    float: none;

    margin: 0 auto 5px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    text-align: center;

    display: block;

    border: 1px solid #2f5398;

    color: #2f5398;

    overflow: hidden;

    transition: 0.6s;

}

.ywtb-card li.ywtb-item1.active .icon-list li a:hover,

.ywtb-card li.ywtb-item2.active .icon-list li a:hover {

    color: #2f5398;

}

.ywtb-card li.ywtb-item1.active .icon-list li a i:after,

.ywtb-card li.ywtb-item2.active .icon-list li a i:after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    width: 0;

    height: 0;

    background: #2f5398;

    opacity: 0;

    transition: 0.6s;

    border-radius: 50%;

    z-index: -1;

}

.ywtb-card li.ywtb-item1.active .icon-list li a:hover i:after,

.ywtb-card li.ywtb-item2.active .icon-list li a:hover i:after {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

}

.ywtb-card li.ywtb-item1.active .icon-list li a:hover i,

.ywtb-card li.ywtb-item2.active .icon-list li a:hover i {

    background-color: #2f5398;

    color: #fff;

}

.ywtb-card li .btn-list {

    position: absolute;

    margin: 0;

}

.ywtb-card li.active .btn-list {

    position: initial;

    margin: 0 10px 15px;

}

.ywtb-card li .btn-list li {

    width: 46%;

    float: left;

    margin: 0 2% 15px;

}

.ywtb-card li .btn-list li a {

    padding: 15px;

    display: block;

    border-radius: 3px;

    font-weight: bold;

}

.ywtb-card li .btn-list li a i {

    font-weight: normal;

    float: right;

    margin: 0;

    font-size: 28px;

}

.ywtb-card li.ywtb-item1 .btn-list li a {

    padding: 10px;

    line-height: 18px;

    position: relative;

}

.ywtb-card li.ywtb-item1 .btn-list li a i {

    position: absolute;

    top: 18px;

    right: 8px;

}



.ywtb-card li .btn-list li.btn-red a,

.ywtb-card li.ywtb-item3.active li.btn-red a {

    background-color: #f8e0da;

    color: #bb1619;

}

.ywtb-card li .btn-list li.btn-red a:hover,

.ywtb-card li.ywtb-item3.active li.btn-red a:hover {

    background-color: #f3d8d1;

}

.ywtb-card li .btn-list li.btn-green a,

.ywtb-card li.ywtb-item3.active li.btn-green a {

    background-color: #edf6e6;

    color: #7cb434;

}

.ywtb-card li .btn-list li.btn-green a:hover,

.ywtb-card li.ywtb-item3.active li.btn-green a:hover {

    background-color: #dfead6;

}

.ywtb-card li .btn-list li.btn-blue a,

.ywtb-card li.ywtb-item3.active li.btn-blue a {

    background-color: #ddecf5;

    color: #51aec8;

}

.ywtb-card li .btn-list li.btn-blue a:hover,

.ywtb-card li.ywtb-item3.active li.btn-blue a:hover {

    background-color: #d6e5ef;

}



.ywtb-card li .btn-list li.btn-orange a,

.ywtb-card li.ywtb-item3.active li.btn-orange a {

    background-color: #f9efe7;

    color: #f87b3f;

}

.ywtb-card li .btn-list li.btn-orange a:hover,

.ywtb-card li.ywtb-item3.active li.btn-orange a:hover {

    background-color: #f3e8df;

}

.three-last{

    padding-top: 10px;

}

.ywtb-card li.ywtb-item3.active .icon-list {

    margin-top: 10px;

    overflow: hidden;

}

.ywtb-card li.ywtb-item3.active .icon-list li {

    width: 25%;

    margin: 10px 4%;

    float: left;

    border: 0;

}

.ywtb-card li.ywtb-item3.active .icon-list li a {

    padding: 15px 0;

    text-align: center;

    border-radius: 6px;

    font-size: 14px;

    font-weight: bold;

    /*padding-bottom: 32px;*/

    height: 84px;

}

.ywtb-card li.ywtb-item3.active .icon-list li a i {

    margin-bottom: 5px;

    display: block;

    float: none;

    font-size: 34px;

    font-weight: normal;

}



.wy-btn {

    float: left;

    width: 20%;

}

.wy-btn .btn-list li {

    margin-bottom: 10px;

}



.wy-btn .btn-list a {

    display: block;

    padding: 20px 0;

    background-color: #ff9704;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    text-align: left;

}

.wy-btn .btn-list a i {

    float: left;

    font-size: 26px;

    line-height: 22px;

    margin-left: 15px;

    margin-right: 15px;

    font-weight: normal;

    transition: 0.3s;

}

.wy-btn .btn-list a:hover {

    background-color: #ef8c00;

}

.wy-btn .btn-list a:hover i {

    margin-right: 10px;

}

.cx-link {

    position: relative;

    width: 72%;

    float: right;

}

.cx-link:before {

    content: "";

    position: absolute;

    left: -6%;

    width: 1px;

    height: 100%;

    background-color: #eee;

}

.cx-link .cx-title h3 {

    margin-top: 10px;

    padding-bottom: 15px;

    font-weight: bold;

    text-align: center;

    font-size: 18px;

    color: #2f5398;

    letter-spacing: 1px;

    background: url(../img/red-line.png) center bottom no-repeat;

}

.cx-link .cx-title h3 a {

    color: #2f5398;

}



.cx-list h4 {

    margin-bottom: 5px;

    margin-top: 15px;

    border-left: 3px solid #de371c;

    color: #de371c;

    padding-left: 15px;

    font-weight: bold;

    font-size: 16px;

    letter-spacing: 2px;

}

.cx-list ul {

    padding-bottom: 5px;

    margin-bottom: 17px;

    border-bottom: 1px solid #eee;

}

.cx-list ul:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}

.cx-list .btn-list li {

    width: 33.333%;

    background: url(../img/dot-circle.png) 0 center no-repeat;

}

.cx-list .btn-list a {

    padding-left: 12px;

    font-size: 14px;

}

.cx-list .btn-list a:hover {

    color: #de371c;

}



.ywtb-list {

    display: flex;

    justify-content: space-between;

    margin: 36px 0;

}

.ywtb-list > div {

    width: 200px;

}

.ywtb-list .ywtb-list-item {

    position: relative;

    perspective: 1e3px;

}

.ywtb-list .ywtb-list-item:hover .old {

    transform: rotateY(-90deg);

}

.ywtb-list .ywtb-list-item .old {

    display: block;

    overflow: hidden;

    transform: rotateY(0);

    transition: all 0.5s ease-in-out 0s;

}

.ywtb-list .ywtb-list-item .old img {

    transition: 0.5s;

}

.ywtb-list .ywtb-list-item .old:hover img,

.ywtb-list .ywtb-list-item .old:hover .text {

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.ywtb-list .ywtb-list-item .tb-hover-show {

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgba(255, 151, 4, 0.9);

    z-index: 9999;

    padding: 10px;

    transform: rotateY(90deg);

    transition: all 0.5s ease-in-out 0s;

}

.ywtb-list .ywtb-list-item:hover .tb-hover-show {

    transform: rotateY(0);

}

.ywtb-list .ywtb-list-item .old:hover .text {

    background: #ff9704;

}



.ywtb-list .text {

    width: 96px;

    height: 96px;

    background: rgba(214, 147, 69, 0.7);

    border-radius: 50%;

    font-size: 26px;

    color: #fff;

    padding: 20px;

    font-weight: bold;

    line-height: 28px;

    letter-spacing: 2px;

    display: block;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -48px;

    margin-top: -48px;

    transition: 0.3s;

}



.ywtb-list .ywtb-list-item .tb-hover-show a {

    color: #fff;

    text-align: center;

    padding: 14px 0 0;

    display: block;

}

.ywtb-list .ywtb-list-item .tb-hover-show a i {

    font-size: 30px;

}

.ywtb-list .ywtb-list-item .tb-hover-show a p {

    font-size: 15px;

}

.btn-bs {

    display: flex;

    margin-left: -15px;

    margin-right: -15px;

    margin-bottom: 26px;

}

.btn-bs li {

    padding: 0 15px;

    width: 110px;

}

.btn-bs li a {

    border: 1px solid #eee;

    padding: 14px;

    text-align: center;

    border-radius: 0;

    display: block;

}

.btn-bs li a:hover {

    border-color: #ff9704;

    -ms-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05);

}

.btn-bs li a:hover p {

    color: #ff9704;

}



.btn-bs li a i {

    color: #ff9704;

    font-size: 30px;

    margin-bottom: 10px;

    display: block;

    transition: 0.3s;

}



.btn-bs li a p {

    font-size: 16px;

    margin-bottom: 0;

    color: #4a4a4a;

    transition: 0.3s;

}



.hot-link {

    overflow: hidden;

}

.hot-link li {

    float: left;

}

.hot-link li.hot-link1 {

    width: 30%;

}

.hot-link li.hot-link2 {

    width: 24%;

}

.hot-link li.hot-link3 {

    width: 21%;

}

.hot-link li.hot-link4 {

    width: 25%;

}



.hot-link li a {

    color: #333;

    font-size: 16px;

    text-align: left;

    padding-left: 0;

}

.hot-link li a:hover {

    color: #ff9704;

}

.hot-link li a i {

    color: #a7a7a7;

    font-size: 20px;

    margin-top: 3px;

    margin-right: 4px;

    transition: 0.3s;

    float: left;

}

.hot-link li a:hover i {

    color: #ff9704;

}



.right-side .header-1 h2 {

    border-left-color: #ff9704;

}

.right-side .header-1 h2 a {

    color: #ff9704;

}

.piao .piao-left {

    position: fixed;

    left: 0;

    bottom: 0;

    z-index: 2;

}

.piao .piao-right {

    position: fixed;

    right: 0;

    bottom: 0;

    z-index: 2;

}

.piao p a {

    margin: 5px;

    font-size: 14px;

}

.piao .piao-right .close {

    float: left;

}



.ftzy {

    margin-top: 20px;

    padding-top: 18px;

    border-top: 1px dashed #ddd;

    line-height: 28px;

    font-size: 14px;

}

.ftzy strong {

    display: block;

    margin-bottom: 6px;

    color: #de371c;

}

.ftzy p {

    text-indent: 2em;

    color: #333;

}

.zxft-btn {

    margin-top: 10px;

    padding: 8px 5px;

    display: block;

    background-color: #de371c;

    color: #fff;

    line-height: 20px;

    border-radius: 3px;

    text-align: center;

    font-weight: bold;

}

.zxft-btn:hover {

    color: #fff;

    background-color: #d0331a;

}



@media (max-width: 520px) {

    .header-1 h2 {

        margin-left: 0;

        padding-left: 8px;

    }

    .header-0831 .right-nav a {

        margin-left: 6px;

        padding-left: 6px;

    }

    .news-photo img {

        display: block;

        height: auto;

        width: 100%;

    }

    .news-photo {

        height: auto;

    }

    .news-photo-b {

        height: auto;

    }

    ul.nav-tabs.nav-list15 > li {

        margin: 0;

    }

    ul.nav-tabs.nav-line15 {

        width: 100%;

        position: relative;

        padding: 0;

        padding-top: 18px;

        margin-bottom: 10px;

        position: relative;

        right: 0;

        margin-left: 0;

        margin-right: 0;

        border-bottom: 1px solid #ddd;

    }

    .tab-cont-row {

        padding-top: 0;

        height: auto;

    }

    .pic-list-2 .info {

        padding-left: 0;

    }

    .pic-list-2 .title,

    .pic-list-2-brown .info {

        padding-left: 184px;

    }

    .pic-list-2 .info .uli14 {

        display: block;

        margin-top: 10px;

    }

    .pic-list-2 .info .uli14 li {

        float: inherit;

        display: inline-block;

        width: 49%;

    }

}



@media (max-width: 340px) {

    .header-0831 .right-nav {

        position: relative;

        right: 0;

        top: auto;

        bottom: 10px;

    }

}



@media (min-width: 1200px) {

    .botm-footer {

        bottom: 225px !important;

    }

    .share1 {

        bottom: 335px !important;

    }

}



@media (max-width: 1200px) {

    .share1 {

        bottom: 264px !important;

    }

    .botm-footer {

        bottom: 175px !important;

    }

}

.botm-footer img {

    width: 80px;

}



/* ccy 20190826 */



.index-container #search {

    padding-left: 64px;

    position: relative;

}

.index-container #search .search-tit {

    display: block;

    height: 52px;

    line-height: 52px;

    border: none;

    width: 64px;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #f1eeee;

}



.index-container #search .search-tit input {

    display: block;

    width: 100%;

    height: 100%;

    background: none;

    border: none;

}

.index-container #search .search-tit .upDown {

    position: absolute;

    display: block;

    width: 20px;

    height: 100%;

    right: 0;

    top: 0;

    cursor: pointer;

    background: url("caret.png") no-repeat scroll center !important;

}

.ywtb-card .three-last li a{

    padding: 7px 0;

    font-size: 14px;

    line-height: 26px;

    height: 26px;

    overflow: hidden;

}

.ywtb-card li.active .three-last span{

    margin: 0 auto;

    float: none;

    display: block;

}

.ywtb-card li.active .three-last i{

    margin-right: 0;

    margin-left: 0;

}

.ywtb-card li.active .three-last .txt01{

    /*width: 55px;*/

}



.ywtb-card .icon-list li a label{

    margin-bottom: 0;

}