body {
    font-family: "microsoft yahei";
    font-size: 16px;
    color: #444444;
    padding: 0;
    margin: 0
}

.container {
    max-width: 100%;
    box-sizing: content-box
}

.item1-1,
.dl-menuwrapper {
    display: none
}

img {
    max-width: 100%;
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
hr,
input,
p {
    padding: 0;
    margin: 0;
    list-style: none
}

a {
    color: inherit;
    font: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #0343af;
}

a:focus {
    text-decoration: none
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden
}

.rel {
    position: relative
}

.main-tit {
    margin-bottom: 20px;
    position: relative
}

.main-tit span {
    font-size: 15px;
    color: #0e3e80
}

.main-tit .more {
    float: right;
    font-size: 15px;
    color: #0e3e80
}

.main-tit2 {
    margin-bottom: 20px;
    position: relative
}

.main-tit2 span {
    font-size: 15px;
    color: #ffffff
}

.main-tit2 .more {
    float: right;
    font-size: 15px;
    color: #ffffff
}

.main-tit3 {
    height: 36px;
    line-height: 36px;
    background: #0343af;
    padding: 0 10px;
    margin-bottom: 20px
}

.main-tit3 span {
    font-size: 15px;
    color: #ffffff
}

.main-tit3 .more {
    float: right;
    font-size: 15px;
    color: #ffffff
}

.fl {
    float: left
}

.fr {
    float: right
}

.hid {
    overflow: hidden
}

.wrapper {
    position: relative
}

.animation-delay-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animation-delay-2 {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.animation-delay-3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.tels {
    background: url(../images/hombg_02.png) no-repeat center;
    background-size: 100% 100%
}

.tels2 {
    background: url(../images/navbg_05.png) repeat-x center
}

.row2 .container {
    padding-bottom: 35px;
    box-shadow: 0px 5px 10px #ccc
}

.header {
    z-index: 9;
    position: relative
}

.header .logo {
    overflow: hidden;
    padding: 20px 0
}

.top-right .site-search a.fa-search {
    width: 20px;
    height: 20px;
    background: url(../images/se.png) no-repeat;
    padding-right: 0;
    float: right;
    margin-top: 7px
}

.top-right .site-search .search {
    width: 260px;
    color: #999999;
    position: relative;
    height: 35px;
    border: 1px solid #14477e;
    background: #12365c;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box
}

.top-right .site-search .search .text {
    width: 200px;
    padding-left: 18px;
    height: 35px;
    line-height: 35px;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: #ffffff;
    opacity: 0.6
}

.top-right .site-search .search .sub {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 7px;
    margin-right: 15px
}

.page-box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000
}

.side-right .header-fixed {
    height: 100%
}

.hx {
    position: relative;
    /* z-index: 10; */
   
}

.dhc .nav .nLi {
    float: left;
    position: relative;
    height: 31px;
    width: 12.5%;
    line-height: 31px;
    text-align: center
}

.dhc .nav .nLi:hover {
    background: none
}

.dhc .nav .nLi:hover h3 a {
    font-weight: bold
}

.dhc .nav .nLi.h3 a:nth-last-child(1) {
    border: none
}

.dhc h3 a {
    display: block;
    margin: 5px 0;
    color: #333;
    text-align: center;
    border-right: 1px solid #747577;
    font-size: 16px;
    font-weight: 300
}

.dhc .sub {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999
}

.dhc .sub i {
    width: 100%;
    height: 6px;
    display: none;
    background: #b1191a
}

.dhc .sub li {
    padding: 10px 0;
    line-height: 25px;
    background: #dfe0e2
}

.dhc .sub li:hover {
    background: #a7b0b7
}

.dhc .sub li:hover a {
    color: #333
}

.dhc .sub li a {
    font-size: 14px
}

.sou-link {
    margin-top: 45px;
    margin-right: 20px
}

.sou-link .item {
    float: left;
    text-align: center;
    line-height: 28px;
    margin-left: 3px
}

.sou-link .item1 {
    width: 69px;
    height: 28px
}

.sou-link .item1 a {
    font-size: 15px;
    color: #fff
}

.sou-link .item2 a {
    width: 17px;
    height: 28px;
    display: block;
    background: url(../images/se.png) no-repeat center
}

.sou-link .item2 a img {
    display: block;
    margin: 7px auto
}

.row1 {
    padding: 15px 0 15px 0
}

.row1 .item1 {
    width: 380px;
    float: left;
    background: #a6c4e0;
    padding: 25px 20px
}

.row1 .item1 ul li {
    line-height: 35px
}

.row1 .item1 ul li a {
    transition: linear 0.6s;
    font-size: 16px;
    color: #0e3d83;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.row1 .item1 ul li a i {
    width: 9px;
    height: 35px;
    float: left;
    margin-right: 10px;
    background: url(../images/icon1_13.png) no-repeat center
}

.row1 .item1 ul li:hover a {
    color: #ffffff;
    margin-left: 10px
}

.row1 .banner-1 {
    display: none
}

.row1 .item2 {
    width: calc(100% - 380px - 250px - 80px);
    float: left;
    margin: 0 40px
}

.row1 .item2 .banner-s {
    position: relative
}

.row1 .item2 .banner-s .slider-for {
    width: 100%
}

.row1 .item2 .banner-s .slider-for .slick-slide img {
    width: 100%;
height:100%;
}

.row1 .item2 .banner-s .slider-nav {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 15px 10px;
    background: rgba(0, 0, 0, 0.7)
}

.row1 .item2 .banner-s .slider-nav .draggable {
    padding: 0 !important
}

.row1 .item2 .banner-s .slider-nav .it {
    margin: 0 2px;
padding-top:6px;
box-sizing: border-box;
}

.row1 .item2 .banner-s .slider-nav .it img {
    border: 2px solid #ffffff;
    display: block;
    box-sizing: border-box;
    width: 100%
}

.row1 .item2 .banner-s .slider-nav .it i {
   width: 100%;
   height: 6px;
   display: none;
   margin-top: -6px;
   background: url(../images/icon2_02.png) no-repeat center;
}

.row1 .item2 .banner-s .slick-slider {
    margin: 0 !important
}

.row1 .item2 .slider-nav .slick-current img {
    border: 2px solid #ff981f !important
}
.row1 .item2 .slider-nav .slick-current i {
            display: block !important;
        }
.row1 .item3 {
    width: 250px;
    float: right
}

.row1 .item3 ul li {
    width: 100%;
    height: 165px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px
}

.row1 .item3 ul li a img {
    width: 100%;
    height: 165px;
    display: block;
    transition: linear 0.6s
}

.row1 .item3 ul li a img:hover {
    transform: scale(1.1)
}

.row1 .item3 .yqlj {
    height: 36px;
    line-height: 36px;
    background: #0343af;
    padding: 0 10px
}

.row2 .main-item {
    margin: 0 -15px;
    float: left;
    width: calc(100% - 262px)
}

.row2 .item {
    width: calc(100%/3);
    float: left;
    padding: 0 15px;
    box-sizing: border-box
}

.row2 .item ul {
    padding-left: 10px
}

.row2 .item ul li {
    line-height: 30px;
    transition: all 0.5s
}

.row2 .item ul li a {
    font-size: 15px;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.row2 .item ul li .date {
    float: right;
    font-size: 15px;
    color: #333
}

.row2 .item ul li:hover {
    margin-left: 10px
}

.row2 .item ul li:hover a {
    color: #0343af
}

.row2 .item4 {
    width: 250px;
    float: right
}

.row2 .item4 .dz {
    margin-bottom: 10px
}

.row2 .item4 .dz p {
    font-size: 15px;
    color: #333;
    line-height: 25px
}

.row2 .item4 .erm {
    width: 100px;
    display: block;
    margin: 0px auto;
    text-align: center
}

.row2 .item4 .erm img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.row2 .item4 .erm span {
    font-size: 15px;
    color: #888;
    display: block
}

.footer {
    margin-top: 35px
}

.footer .bq {
    background: #ffe479;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 15px 0
}

.footer .bq a {
    line-height: 55px;
    font-size: 14px;
    color: #333
}

.listpage {
    margin-top: 50px;
    margin-bottom: 55px
}

.listpage .nav-left {
    width: 270px;
    position: relative;
    z-index: 99
}

.listpage .nav-left .nav-tit {
    height: 70px;
    text-align: center;
    background: #0343af;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box
}

.listpage .nav-left .nav-tit h3 {
    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff
}

.listpage .nav-left .nav-tit p {
    font-size: 18px;
    color: #ffffff;
    padding-top: 5px
}

.listpage .nav-left .nav-sub {
    background: #f2f2f2;
    padding: 0px 0 30px 0;
    box-sizing: border-box;
    border-left: 3px solid #0343af
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 a {
    position: relative;
    display: block;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    font-size: 18px;
    padding: 20px 20px 20px 20px;
    background: url(../images/fan.png) 220px center no-repeat
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list {
    padding: 10px 0;
    background: #ffffff;
    box-sizing: border-box
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 {
    background: url(../images/fan3.png) left center no-repeat;
    margin-left: 30px
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a {
    display: block;
    color: #4c4c4c;
    font-size: 16px;
    padding-left: 20px;
    background: none;
    border: none;
    padding: 9px 0 9px 15px
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a:before {
    display: none
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a:hover,
.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a.current {
    color: #0343af;
    font-weight: normal
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1:hover {
    background: #0343af;
    border: none;
    border-left: 3px solid #0343af;
    margin-left: -3px;
    margin-top: -1px
}

.listpage .nav-left .nav-sub ul.nav-pills li.lv1:hover a {
    color: #ffffff;
    font-weight: bold;
    background: url(../images/fan2.png) 220px center no-repeat
}

.listpage .nav-left .nav {
    margin-bottom: 20px
}

.listpage .con-right {
    width: calc(100% - 310px);
    min-height: 500px
}

.listpage .con-right .list-top {
    background: #f2f2f2;
    line-height: 60px
}

.listpage .con-right .list-top span {
    font-size: 18px;
    font-weight: normal;
    color: #0343af;
    font-weight: bold;
    padding-left: 22px;
    border-left: 4px solid #0343af
}

.listpage .con-right .list-top .location {
    color: #888888
}

.listpage .con-right .list-top .location a {
    color: #888888;
    font-size: 14px
}

.listpage .con-right .list-con {
    margin: 20px 0
}

.listpage .con-right .con-page {
    padding-top: 30px
}

.listpage .con-right .con-page h2 {
    font-size: 20px;
    color: #444444;
    font-weight: normal;
    text-align: center;
    padding: 20px 0 10px;
    line-height: 28px
}

.listpage .con-right .con-page h4 {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    line-height: 28px
}

.listpage .con-right .con-page .info {
    font-size: 15px;
    color: #999999;
    text-align: center;
    padding: 10px 0 20px;
    border-bottom: 1px dashed #cccccc
}

.listpage .con-right .con-page .info span {
    padding: 0 10px;
    font-size: 15px;
    color: #999999
}

.listpage .con-right .con-page .content {
    padding: 20px 0 10px;
    border-bottom: 1px dashed #cccccc
}

.listpage .con-right .con-page .content p {
    font-size: 16px;
    line-height: 150%;
    text-indent: 2em;
    padding-bottom: 1rem;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.listpage .con-right .con-page .content p img {
    margin: 0 auto;
    display: block
}

.listpage .con-right .con-page .content table p {
    text-indent: 0;
    padding-bottom: 0
}

.listpage .con-right .con-page .next {
    padding-top: 20px
}

.listpage .con-right .con-page .next a {
    display: block;
    font-size: 16px;
    color: #555;
    padding: 10px 0;
    transition: all 0.6s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listpage .con-right .con-page .next a span {
    font-size: 16px;
    color: #555
}

.listpage .con-right .con-page .next a:hover {
    color: #0343af;
    margin-left: 10px
}

.listpage .con-right .con-page .next a:hover span {
    color: #0343af
}

.listpage .con-right .list-tea {
    margin: 0 -15px
}

.listpage .con-right .list-tea .sw {
    margin-top: 40px;
    float: left;
    width: 33.3%;
    padding: 0 15px;
    box-sizing: border-box
}

.listpage .con-right .list-tea .sw a {
    display: block;
    overflow: hidden
}

.listpage .con-right .list-tea .sw a .imgf {
    width: 100%;
    position: relative
}

.listpage .con-right .list-tea .sw a .imgf img {
    width: 140px;
    height: 195px;
    float: left;
    transition: linear 0.6s
}

.listpage .con-right .list-tea .sw a .imgf img:hover {
    transform: scale(1.1)
}

.listpage .con-right .list-tea .sw a .imgf .tit {
    width: calc(100% - 140px - 15px);
    float: left;
    padding-left: 15px
}

.listpage .con-right .list-tea .sw a .imgf .tit .tits {
    font-size: 16px;
    height: 50px;
    overflow: hidden;
    color: #333;
    align-self: center;
    line-height: 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.listpage .con-right .list-tea .sw a .imgf .bt {
    margin-top: 15px;
    border-top: 1px solid #d9d9d9
}

.listpage .con-right .list-tea .sw a .imgf .bt p {
    color: #666;
    font-size: 14px;
    overflow: hidden;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listpage .con-right .list-tea .sw a .imgf .bt p i {
    width: 21px;
    height: 21px;
    float: left;
    margin: 0 auto;
    margin-right: 10px
}

.listpage .con-right .list-tea .sw a .imgf .bt .p1 {
    margin-top: 15px
}

.listpage .con-right .list-tea .sw a .imgf .bt .p1 i {
   
}

.listpage .con-right .list-tea .sw a .imgf .bt .p2 i {
    
}

.listpage .con-right .list-tea .sw a .imgf .bt .p3 i {
   
}

.listpage .con-right .list-tea .sw a .imgf .bt .p4 i {
   
}

.listpage .con-right .list-tea .sw:hover .tits {
    color: #0343af !important
}

.listpage .con-right .index-list3 ul li {
    position: relative;
    line-height: 40px;
    border-bottom: 1px dashed #cccccc
}

.listpage .con-right .index-list3 ul li .date {
    float: right;
    font-size: 15px;
    color: #333333
}

.listpage .con-right .index-list3 ul li .tit .tits {
    font-size: 15px;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listpage .con-right .index-list3 ul li .tit .zy {
    font-size: 13px;
    color: #808080
}

.listpage .con-right .index-list3 ul a {
    overflow: hidden
}

.listpage .con-right .index-list3 ul li:hover {
    margin-left: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.listpage .con-right .index-list3 ul li:hover .tit .tits {
    color: #0343af;
    font-weight: bold
}

.listpage .con-right .index-list3 ul li:hover .date {
    color: #0343af
}

.listpage .con-right .imgs-list {
    margin: 0 0 20px
}

.listpage .con-right .imgs-list ul {
    margin: 0 -20px;
    overflow: hidden;
    margin-top: 35px
}

.listpage .con-right .imgs-list ul li {
    width: 33.3%;
    float: left;
    margin-bottom: 35px
}

.listpage .con-right .imgs-list ul li .con-box {
    display: block;
    position: relative;
    padding: 0 20px
}

.listpage .con-right .imgs-list ul li .con-box a {
    display: block
}

.listpage .con-right .imgs-list ul li .con-box .pic {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden
}

.listpage .con-right .imgs-list ul li .con-box .pic i {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84px;
    height: 84px;
    display: block;
    transform: translate(-50%, -50%)
}

.listpage .con-right .imgs-list ul li .con-box .pic img {
    width: 100%;
    height: 165px
}

.listpage .con-right .imgs-list ul li .con-box .txt {
    text-align: center;
    padding: 15px 0px;
    background: #f0f0f0;
    border-bottom: 2px solid #0343af
}

.listpage .con-right .imgs-list ul li .con-box .txt p {
    font-size: 15px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listpage .con-right .imgs-list ul li .con-box a.more {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -18px
}

.listpage .con-right .imgs-list ul li:hover .txt {
    background: #e6edf6;
    border-bottom: 2px solid #0343af
}

.listpage .con-right .imgs-list ul li:hover .con-box a .txt P {
    color: #0343af
}

.listpage .con-right .imgs-list ul li:hover .pic img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: scale(1.1)
}

.listpage .con-right .imgs-list ul li:hover .txt h5 {
    font-weight: bold;
    color: #0068b6
}

.listpage .con-right .listq1-3 {
    margin-top: 20px
}

.listpage .con-right .listq1-3 li {
    clear: both;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 30px;
    padding-top: 30px
}

.listpage .con-right .listq1-3 li .imgs {
    float: left
}

.listpage .con-right .listq1-3 li .imgs img {
    width: 300px;
    height: 170px;
    display: block
}

.listpage .con-right .listq1-3 li .tit-p {
    padding: 15px;
    text-align: center;
    background: #f0f0f0;
    display: none
}

.listpage .con-right .listq1-3 li .tit-p a {
    font-size: 15px;
    color: #333333
}

.listpage .con-right .listq1-3 li .date {
    text-align: right;
    width: 80px;
    margin-top: 45px
}

.listpage .con-right .listq1-3 li .date .r {
    font-size: 24px;
    color: #333333
}

.listpage .con-right .listq1-3 li .date .y {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #333333
}

.listpage .con-right .listq1-3 li .yw {
    padding: 0px 0 14px 0px;
    height: 170px;
    box-sizing: border-box;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 80px - 60px - 300px);
    margin-left: 30px
}

.listpage .con-right .listq1-3 li .yw .tit {
    padding-top: 10px;
    display: block;
    font-size: 15px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listpage .con-right .listq1-3 li .yw .zyy {
    font-size: 13px;
    color: #808080;
    height: 50px;
    line-height: 25px;
    margin: 20px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.listpage .con-right .listq1-3 li .yw .fx {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 13px;
    color: #808080;
    display: block;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 5px 28px;
   
}

.listpage .con-right .listq1-3 li:hover {
    margin-left: -20px;
    margin-right: -30px;
    background: #e9eff8;
    padding-left: 20px;
    padding-right: 30px;
    margin-top: -1px;
    border-top-right-radius: 25px;
    border: none
}

.listpage .con-right .listq1-3 li:hover .yw .tit {
    color: #0343af;
    font-weight: bold
}

.listpage .con-right .listq1-3 li:hover .yw .fx {
    background: #0343af;
    color: #fff
}

.listpage .con-right .listq1-3 li:hover .date .r {
    color: #0343af
}

.listpage .con-right .listq1-3 li:hover .date .y {
    color: #0343af
}

.listpage .con-right .con-jj .tops {
    height: 308px;
    background: #f2f2f2;
    margin: 40px 0 30px
}

.listpage .con-right .con-jj .tops .imgh {
    float: left
}

.listpage .con-right .con-jj .tops .imgh img {
    width: 100%;
    height: 100%
}

.listpage .con-right .con-jj .tops .tit {
    width: calc(100% - 254px);
    float: right;
    height: 100%;
    padding: 27px 0;
    box-sizing: border-box;
    
}

.listpage .con-right .con-jj .tops .tit ul li {
    font-size: 16px;
    color: #333;
    padding: 10px 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}