@charset "UTF-8";

.possplit {
background-image: url(../images/position-img.png);
}
a,
a:hover {
    text-decoration: none
}

.center,
.m-banner,
.m-footer,
.m-header nav ol,
.m-lists li figcaption {
    text-align: center
}

.index-banner .index-swiper-container .swiper-pagination .ZSliderControl-item,
.index-banner .index-swiper-container .swiper-pagination .swiper-pagination-bullet,
.index-news .leftArea .head .fr a,
.index-notice .rightArea a,
.m-footer .container,
.m-footer a,
.news-center .head .next,
.news-center .head .prev,
.news-center .newslists-bd li a,
.news-center .title h2,
[class*=icon-] {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.communite-list:after,
.container-b:after,

.index-news .leftArea .newslists li:after,
.index-notice .leftArea li:after,
.index-others:after,
.m-details:after,
.m-news-lists li:after,
.team-lists .join-item .head:after,
.team-lists .team-item:after,
.team-lists:after {
    content: '';
    height: 0;
    display: table;
    clear: both
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

body {
    background: #fff;
    font-family: "Microsoft YaHei", tahoma, "微软雅黑", "Open Sans", Arial, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "宋体", SimSun, sans-serif
}

a {
    color: #000;
    background: 0 0;
    vertical-align: baseline
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

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

img {
    max-width: 100%;
    border: 0;
    vertical-align: middle
}

address,
caption,
cite,
code,
dfn,
em,
optgroup,
th,
var {
    font-style: normal;
    font-weight: inherit
}

li {
    list-style: none
}

q:after,
q:before {
    content: ''
}

button,
input,
optgroup,
option,
select,
textarea {
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: middle
}

button,
input[type=button],
input[type=submit] {
    cursor: pointer;
    border: 0
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle
}

.bgblue-l {
    background-color: #0d3e8f
}

.bgblue-d {
    background-color: #0b2653
}

.container {
    width: 1200px;
    margin: 0 auto;
}

#mobile-nav-control,
.m-banner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.container-b {
    width: 1200px;
    margin: 0 auto
}

.img-center {
    overflow: hidden
}

.img-center .img-center-wrap {
    width: 1920px;
    margin-left: -460px;
}

[class*=icon-] {
    vertical-align: middle;
    background-image: url(../images/spriter.png);
    background-repeat: no-repeat
}

.icon-service01,
.icon-service02,
.icon-service03,
.icon-service04 {
    width: 93px;
    height: 93px
}

.icon-service01 {
    background-image: url(../images/spriter_01.png)
}

.icon-service02 {
    background-image: url(../images/spriter_02.png)
}

.icon-service03 {
    background-image: url(../images/spriter_03.png)
}

.icon-service04 {
    background-image: url(../images/spriter_04.png)
}

.icon-arrow-left,
.icon-arrow-right {
    width: 26px;
    height: 45px;
    background-position: 0 -234px
}

.icon-arrow-right {
    background-position: -46px -234px
}

.icon-trangle-left,
.icon-trangle-right {
    width: 11px;
    height: 15px;
    background-position: -92px -237px
}

.icon-trangle-right {
    background-position: -112px -234px
}

.icon-open {
    width: 12px;
    height: 12px;
    line-height: 12px
}

.m-header {
    background: #fff;
    position: relative;
    z-index: 5
}

.m-header .logo {
    float: left;
    margin-right: 10px;
    margin-top: 14px;
    font-size: 16px;
}

.header-top {
    padding: 10px 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top .menu {
    display: none;
}

.nav-bg {
    background: #287ead;
}

.m-header .nav {
    font-size: 16px;
    text-align: center;
    zoom: 1;
    width: auto;
    line-height: 1;
}

.m-header .nav:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.swiper-slide {
    overflow: hidden;
}

.m-header .nav>ul>li {
    /*display: inline-block;*/
    float: left;
    padding: 10px 11px;
    position: relative;
    border-left: none;
    height: 21px;
    line-height: 21px;
}

.m-header .nav>ul>li a {
    font-size: 16px;
    font-weight: normal;
}

.m-header .nav>ul>li:hover {
    background: #2f9eda
}

.m-header .nav>ul>li:hover ul {
    display: block;
}

.m-header .nav>ul>li>ul {
    width: 144px;
    left: 0px;
    top: 41px;
    position: absolute;
    background: #287ead;
    display: none;
    background: #f0f0f0;
    z-index: 20;
}

.m-header .nav>ul>li>ul>li {
    width: 144px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #d4d7de;
    padding: 0;
}

.m-header .nav>ul>li>ul>li a {
    color: #333333
}

.m-header .nav>ul>li>ul>li:hover {
    background: #fff;
}

.m-header .nav>ul>li>ul>li:hover a {
    color: #287ead
}

.m-header .nav>ul>li:first-child {
    /*margin-right:30px*/
}

.m-header .nav ul>li:hover ol {
    max-height: 250px
}

.m-header .nav ol {
    font-size: 14px;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 100%;
    padding: 15px 0 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.m-header .nav ol a {
    display: block;
    padding: 5px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.m-header .nav ol a:hover {
    color: #fff;
    background: #3d6bb2
}

.m-footer,
.m-footer a,
.m-header .nav a {
    color: #fff;
}

.m-footer {
    background: #287ead;
    padding: 30px 0;
}

.m-footer .left,
.m-footer .middle,
.m-footer .right {
    text-align: left;
    font-size: 14px;
}

.m-footer .left {
    width: 32.91%;
}
.m-footer .middle {
    width: 33.16%;
}

.m-footer .middle img {
    width: 100%;
}
.m-footer .right {
    margin-left: 35px;
    width: 31%;
}

.m-footer p {
    padding-left: 15px;
    margin: 5px 0;
}

.m-footer .right .title {
    font-size: 16px;
    margin-bottom: 10px;
}

.m-title {
    color: #333333;
}

.m-title h2 {
    font-size: 30px
}

.index-news .rightArea .m-title a {
    position: absolute;
    top: 10px;
    right: 0;
    color: #4088b3;
    border: 1px solid #4088b3;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 14px;
}

.m-title small {
    text-transform: uppercase;
    font: 400 18px "Open Sans", Arial, "Hiragino Sans GB";
    opacity: .7;
    margin-left: 15px
}

.m-title.reverse {
    color: #333333;
}

.m-title.reverse small {
    opacity: 1
}

.m-banner {
    color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    box-sizing: border-box;
    height: 588px
}

.m-banner h1 {
    font-size: 51px;
    margin-bottom: .5em
}

.m-banner.m-banner-s {
    margin-bottom: 55px
}

.m-lists {
    margin: 70px 0 100px
}

.m-lists .m-title {
    margin-bottom: 30px
}

.m-lists ul {
    margin-left: -14px
}

.m-lists li {
    float: left;
    position: relative;
    width: 324px;
    height: 232px;
    margin-left: 14px;
    margin-bottom: 17px
}

.m-lists li a {
    display: block;
    position: relative
}

.m-lists li figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 24px;
    height: 2em;
    line-height: 2;
    background: rgba(48, 84, 140, .65)
}

.m-aside {
    background: #30548c;
    color: #fff;
    padding: 29px 0 15px;
    float: left;
    width: 209px;
    margin-bottom: 50px
}

.m-aside a {
    color: #fff
}

.m-aside dt {
    padding-bottom: 15px;
    font: 700 26px heiti, "黑体", STheiti, Arial;
    border-bottom: 5px solid #fff;
    margin: 0 29px 15px
}

.m-aside dd {
    font-size: 18px;
    margin-bottom: 19px;
    padding: 0 29px
}

.m-aside dd a {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #6f88af
}

.m-aside dd.on {
    background: url(../images/bg_trangle.png) left center no-repeat
}

.m-bread-nav,
.m-bread-nav a {
    color: #858585
}

.m-bread-nav {
    font-size: 16px;
    padding: 30px 0 10px 0;
}

.m-article {
    float: right;
    width: 738px
}

.m-article .m-title {
    margin-bottom: 30px
}

.m-article .m-title h2 {
    font-weight: 400
}

.m-article .context {
    padding-bottom: 86px
}

.m-article .art-info {
    font-size: 12px;
    color: #062251;
    padding: 10px 0 21px
}

.m-article table {
    width: 100%;
    background: #fff
}

.m-article table td,
.m-article table th {
    border: 1px solid #282894;
    padding: 5px 15px
}

.m-news-lists li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #333
}

.m-news-lists li a {
    float: left;
    max-width: 80%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-news-lists li .time {
    float: right
}

#txtEndDate {
    font-size: 14px
}

#txtEndDate td,
#txtEndDate th {
    text-align: center;
    padding: 3px
}

#txtEndDate td a,
#txtEndDate td span,
#txtEndDate th a,
#txtEndDate th span {
    display: block;
    padding: 4px 5px
}

#txtEndDate .calTitle,
.mobile-nav {
    display: none
}

#txtEndDate td a,
#txtEndDate th a {
    cursor: pointer
}

#txtEndDate td span,
#txtEndDate th span {
    cursor: no-drop;
    opacity: .5
}

#txtEndDate .nextD,
#txtEndDate .prevD {
    opacity: .5
}

#txtEndDate .current {
    border: 1px solid #4088b3;
    color: #000;
    border-radius: 50%
}

#txtEndDate .select {
    border-radius: 50%;
    background: #287ead;
    color: #fff;
}

#txtEndDate .calContent {
    position: relative;
    overflow: hidden
}

#txtEndDate .calContent .enabled,
#txtEndDate .calContent .reserve {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.m-pages {
    text-align: right;
    font-size: 12px
}

.m-pages a,
.m-pages span {
    vertical-align: middle;
    margin: 0 3px
}

.m-pages input[type=text] {
    width: 28px;
    height: 12px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    background: 0 0;
    vertical-align: -1px
}

.m-pages a {
    cursor: pointer
}

.m-pages .jp-disabled {
    cursor: default;
    opacity: .6
}

.m-pages .jp-current {
    cursor: default
}

.mobile-nav {
    -webkit-transition: opacity ease .3s;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    overflow: auto;
    opacity: 0
}

.mobile-nav ul {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    background: #333;
    width: 180px;
    max-width: 60%;
    padding-top: 60px;
    -webkit-transition: -webkit-transform ease .25s .05s;
    -o-transition: transform ease .25s .05s;
    transition: transform ease .25s .05s;
    transition: transform ease .25s .05s, -webkit-transform ease .25s .05s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.index-news .leftArea .newslists li a,
.index-notice .leftArea li a {
    width: 420px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: microsoft yahei;
    font-size: 16px;
}

.mobile-nav ul a {
    color: #fff;
    display: block;
    padding: .75em 0 .75em 1.5em
}

.mobile-nav.show {
    z-index: 15;
    opacity: 1
}

.mobile-nav.show ul {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#mobile-nav-control {
    display: none;
    width: 25px;
    height: 20px;
    box-sizing: border-box;
    background: #fff;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    top: 68%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#mobile-nav-control:after {
    content: '';
    position: absolute;
    height: 2px;
    background: #333;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -1px
}


/** index **/

.index-banner {
    position: relative
}

.index-banner .index-swiper-container .swiper-pagination {
    position: absolute;
    bottom: 78px;
    left: 0;
    right: 0;
    text-align: center
}

.index-banner .index-swiper-container .swiper-pagination .ZSliderControl-item,
.index-banner .index-swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    margin: 0 5px;
    cursor: pointer
}

.index-banner .index-swiper-container .swiper-pagination .ZSliderControl-item.on,
.index-banner .index-swiper-container .swiper-pagination .ZSliderControl-item.swiper-pagination-bullet-active,
.index-banner .index-swiper-container .swiper-pagination .swiper-pagination-bullet.on,
.index-banner .index-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #a0a0a0
}

.index-banner>.container {
    position: relative;
    padding: 0
}

.index-banner .swiper-slide {
    position: relative;
    float: left
}

.index-banner .swiper-slide>a {
    position: relative;
    z-index: 1;
}

.index-banner .context {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    *left: 460px
}

.index-banner .leftArea {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 100px;
    position: absolute;
    z-index: 2;
    bottom: 0;
}

.index-banner .leftArea {
    width: 100%;
}

.index-banner .leftArea .text1 {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size: 22px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.6);
}

.index-banner .swiper-left,
.index-banner .swiper-right {
    position: absolute;
    top: 46%;
    margin-top: -22.5px
}

.index-banner .swiper-left {
    left: -100px
}

.index-banner .swiper-right {
    right: -100px
}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next {
    width: 43px;
    height: 42px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.index-banner .swiper-button-prev {
    background-image: url(../images/banner-arrow-prev.png) ;
}

.index-banner .swiper-button-next {
    background-image: url(../images/banner-arrow-next.png) ;
}

//.swiper-container-horizontal>.swiper-pagination {
   // width: 50% !important;
    //left: 50% !important;
    //right: 0 !important;
//}

.swiper-pagination-bullet {
    background: none !important;
    border: solid 1px #fff !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.index-news {
    color: #000;
    padding: 36px 0;
}

.index-news a {
    color: #000;
}

.index-news .m-title {
    position: relative;
    margin-bottom: 30px;
    *margin-bottom: 16px
}

.index-news .leftArea {
    width: 64.5%
}

.leftArea h2 .more {
    font-size: 14px;
    margin-top: 10px;
}

.index-news .leftArea .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 2px solid #d3d3d3
}

.index-news .leftArea .head .fl {
    padding-bottom: 10px
}

.index-news .leftArea .head strong {
    margin-right: 8px;
    font: 700 30px 'Arial Black', Arial
}

.index-news .leftArea .head em {
    font-size: 18px;
    font-weight: 700
}

.index-news .leftArea .head .fr a {
    width: 32px;
    height: 32px;
    margin-left: 3px;
    border: 1px solid #4088b3;
    border-radius: 50%;
    background-repeat: no-repeat
}

.index-news .leftArea .head .fr a.prev {
    background-position: 40% 50%;
    background-image: url(../images/left.png)
}

.index-news .leftArea .head .fr a.next {
    background-position: 60% 50%;
    background-image: url(../images/right.png)
}

.index-news .leftArea .calendars {
    margin-right: 20px;
    margin-left: -9px
}

.index-news .leftArea .calendars .calContent {
    width: 300px;
    height: 223px
}

.index-news .leftArea .calendars .calContent table {
    width: 300px;
}

.index-news .leftArea .newslists {
    font-size: 14px;
    width: 425px;
}

.index-news .leftArea .newslists ul {
    margin-bottom: 18px
}

.index-news .leftArea .newslists li {
    padding: 12px 0;
    border-bottom: 1px dashed #b4b5b4;
    font-family: heiti, "黑体", STheiti, Arial
}

.index-news .leftArea .newslists li a {
    float: left;
    color: #333333;
}

.index-news .leftArea .newslists li .time {
    color: #909090;
}

.news-context—r li .time {
    font-size: 14px;
    float: right;
    color: #999;
}


.index-news .leftArea .newslists li .time,
.index-notice .leftArea li .time {
    float: right
}

.index-news .leftArea .newslists li:first-child,
.index-news .leftArea .newslists li:first-child a,
.index-news .leftArea .newslists li:hover,
.index-news .leftArea .newslists li:hover a {
    color: #333333;
}

.index-news .leftArea .more {
    color: #4088b3;
    border: 1px solid #4088b3;
    border-radius: 3px;
    padding: 3px 6px;
    float: right;
    font-size: 14px;
}

.index-news .rightArea {
    width: 33.33%;
    font-size: 16px
}

.index-news .rightArea .imgwrap {
    margin-bottom: 5px
}

.index-news .rightArea .context {
    line-height: 38px
}

.index-news .rightArea .context p {
    padding: 0 3px;
}

.index-news .rightArea .context li {
    
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    line-height: 38px;
    border-bottom: 1px dotted #b6b7b6
}

.index-news .rightArea .context li p {
    width: 85%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.index-news .rightArea .context li a:hover {
    color: #287ead;
}

.index-news .rightArea .context li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4088b3;
    display: block;
    overflow: hidden;
}

.index-banner .leftArea .p_bottom {
    margin-top: 130px;
}

.index-news .self_leftArea {
    width: 600px;
}

.index-news .self_frArea {
    width: 305px;
}

.index-news .leftArea .self_newslist {
    width: 780px;
}

.index-news .leftArea .newslists li .self_a {
    color: #fff;
}

.newslists ul li .self_time {
    color: rgba(255, 255, 255, .5);
}

.leftArea .self_context li {
    margin-right: 10px;
    border-bottom: 0;
}

.leftArea .self_context .txt_li {
    background: #fff;
    width: 198px;
    border: 1px solid #ddd;
}

.leftArea .self_context .txt_li span {
    padding: 10px 0px;
    display: inline-block;
    color: #666;
    text-align: center;
    margin: 0 auto;
    width: 198px;
}

.li_div1 {
    width: 210px;
}

.leftArea .self_context .self_txt {
    padding: 0 0;
}

.index-notice .self_flArea {
    width: 60%;
    margin: 0 auto;
}

.index-others .other-block .self_p {
    font-size: 15px;
}

.index-notice .leftArea li .self_aa {
    max-width: 100%;
}

.enorch .txt_a {
    display: inline-block;
}

.enorch {
    margin-top: 20px;
    text-align: center;
}

.top-search {
    position: relative;
    
}



.top-search div {
    border: solid 1px #ccc;
    background: #fff;
    border-radius: 3px;
    padding: 3px 35px 5px 5px;
    text-align: left;
}
.top-search,
.top-search div {
    text-align: center;
}
.top-search form {
    font-size: 15px;
}
.top-search input {
    background: #fff;
    font-size: 14px;
    border: none;
    outline: none;
    width: 170px;
}
.top-search a {
    position: relative;
}
.top-search button {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.top-search span {
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    width: 30px;
    height: 28px;
    border-left: none;
    background: url(../images/search.png) center center no-repeat;
    background-size: auto;
    cursor: pointer;
}

.head-control {
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
}

.head-control a {
    position: relative;
    display: inline-block;
    color: #000;
    padding: 0 10px;
}

.head-control a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #000;
}

.head-control a.last:after {
    width: 0;
}

.index-team {
    margin-bottom: 50px;
    margin-top: 40px;
}

.index-team .control {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.index-team .control li {
    position: relative;
    /*display: inline-block;*/
    float: left;
    padding: 10px 0;
    margin: 0 20px;
    cursor: pointer;
}

.index-team .control li.on {
    color: #287ead;
    border-bottom: solid 2px #287ead;
}

.index-team .control li.on:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px #287ead;
}

.index-team .team-detail .left,
.index-team .team-detail .right {
    width: 32px;
    height: 240px;
    background-size: 100% 100%;
}

.index-team .team-detail .left {
    background: url(../images/arrow-left.png) center center no-repeat;
}

.index-team .team-detail .right {
    background: url(../images/arrow-right.png) center center no-repeat;
}

.index-team .team-detail .middle {
    width: 1080px;
}

.mg {
    width: 12.76rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.mg2 {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    
}
.mg2 img {
  //height: 100%;
    object-fit: cover
}
.wp_articlecontent video {
  width:100%;
}
/*.banner{ background:url(../images/banner2.png) center 0 no-repeat; height:240px;}*/
.f {
    float: left;
    overflow: hidden
}

.r {
    float: right;
    overflow: hidden
}

.lan {
    color: #287ead
}

.cen {
    text-align: center
}

.con1 {
    margin-top: -0.78rem;
    position: relative;
}

.con1l {
    width: 296px;
}

.con1lt {
    height: 155px;
    background: url(../images/t1.png) 192px bottom no-repeat;
    background-color: #287ead;
    box-sizing: border-box;
    padding: 35px 0px 0px 32px;
    line-height: 36px;
    color: #fff
}

.con1lf {
    border-left: 1px solid #d9d6d6;
    border-right: 1px solid #d9d6d6;
}

.con1lf a {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #d9d6d6;
    background: url(../images/t2.png) 30px center no-repeat;
    text-indent: 55px;
    font-size: 16px;
    color: #333333
}

.con1lf a.hover {
    background: url(../images/t3.png) 30px center no-repeat;
    color: #fff;
    background-color: #9ec9e0
}

.con1r {
    
    border: 1px solid #d7cfcf;
    background: #fff;
    margin-bottom: 20px
}
.banner {
    height: 2.38rem;
}
.con1rt {
    height: auto;
    line-height: 65px;
    box-sizing: border-box;
    padding: 0px 22px;
    border-bottom: 1px solid #d9d9d9;
    
}

.con1r {
    box-sizing: border-box;
    padding: 0px 20px 32px;
    font-size: 16px;
    margin-left: 318px;
}
.con1rt .con1rtr {
    font-size: 15px;
}

.con1rm li {
    box-sizing: border-box;
    padding: 22px 0px 22px 20px;
    border-bottom: 1px dotted #cfcfcf;
    overflow: hidden;
    width: 918px;
    margin-left: auto;
    margin-right: auto
}

.con1rml {
    background: url(../images/t5.png) 0 0 no-repeat;
    width: 207px;
    height: 265px;
    line-height: 258px;
    box-sizing: border-box;
    padding-left: 10px
}

.con1rml img {
    width: 177px;
    height: 237px;
}

.con1rmr {
    margin-left: 34px;
    width: 648px
}
.con1rmr  .line-clamp{
   overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}
.con1rmrt {
    margin-top: 12px;
    margin-bottom: 20px
}

.con1rmrf {
    line-height: 28px;
    color: #333333;
    margin-top: 8px
}

.con1rf {
    margin-top: 38px
}

.a1 {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e3e3e3;
    padding: 0px 12px;
    color: #666666;
    background: #eeeeee;
    margin: 0px 5px;
}

.a2 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e3e3e3;
    padding: 0px 12px;
    color: #fff;
    background: #287ead;
    margin: 0px 5px;
}

.a3 {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e3e3e3;
    padding: 0px 12px;
    color: #666666;
    background: #fff;
    margin: 0px 5px;
}

.con1rm2 li {
    box-sizing: border-box;
    padding: 8px 0px;
    border-bottom: 1px dotted #cfcfcf;
    overflow: hidden;
    
    margin-left: auto;
    margin-right: auto
}

.con1rm2l {
    /*width: 108px;
    margin-right: 38px;*/
    margin-right: 10px;
    float: right;
    color: #999999;
    line-height: 18px;
    text-align: right;
    padding-top: 8px;
}
.con1rm2  .con1rm2l{

}
.con1rm2 .con1rm2r {
    width: 81.6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.con1rm2 .con1rm2r .con1rm2rt a{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}
.con1rm2r {
    
    margin-left: 15px;
}

.con1rm2rt {
    color: #333333;
    margin-bottom: 12px
}

.con1rm2rf {
    line-height: 22px;
    color: #666666
}

.con1lf2 a {
    display: block;
    height: 56px;
    line-height: 56px;
    background-color: #f2f5f8;
    border-bottom: 1px solid #e1e2e4;
    text-indent: 36px;
    font-size: 15px;
}

.con1lf2 a.hover1 ,.con1lf2 a.parent,.con1lf2 a.selected{
    background: url(../images/down.png) 256px center no-repeat;
    background-color: #9ec9e0;
    color: #fff;
}

.con1lf2 a.hover2 {
    background: url(../images/t2.png) 256px center no-repeat;
    background-color: #fff;
}

.con1lf2 {
    border-left: 1px solid #d9d6d6;
    border-right: 1px solid #d9d6d6;
}

.con1lf2 .second-catalog .cat-selected a ,.con1lf2 .second-catalog .selected a,.con1lf2 .second-catalog .parent a{
    background-color: #9ec9e0;
    color: #fff;
}
.con1lf2 .second-catalog .parent .second-catalog  a {
   background-color: #f2f5f8;
  color:#000;
  padding-left: 40px;
}
.con1lf2 .second-catalog .selected .second-catalog  a {
   background-color: #f2f5f8;
  color:#000;
  padding-left: 40px;
}
.con1lf2 .second-catalog .parent .selected a {
   color: #9ec9e0;
}

.con1lf2 .second-catalog li a {
    padding-left: 20px;
}

.con2t {
    
    border-bottom: 1px solid #d9d9d9;
    line-height: 32px;
    padding-bottom: 20px;
}

.con2t span {
    color: #666666;
    margin-bottom: 30px;
}

.con2f p {
    line-height: 32px;
    color: #444444;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 5px;
}

.con2f {
    padding-top: 30px;
}

.con1rm2 li:hover {
    background: #287ead;
   color:#fff;
    cursor: pointer
}
.con1rm2 li:hover a  {
   text-decoration-color:#fff!important;
}
.con1rm2 li:hover a span{
    color: #fff;
   
}
.con1rm2 li:hover .con1rmrt {
    color: #fff !important
}

.con1rm2 li:hover .con1rmrf p {
    color: #fff !important
}

.con1rm2 li:hover .con1rmrf p a {
    color: #fff !important
}

.con1rm2 li:hover .con1rm2l {
    color: #fff !important
}

.con1rm2 li:hover .con1rm2rt {
    color: #fff !important
}

.con1rm2 li:hover .con1rm2rt a {
    color: #fff !important
}

.con1rm2 li:hover .con1rm2rt a b {
    color: #fff !important
}

.con1rm2 li:hover .con1rm2rf {
    color: #fff !important
}

.newslists_l ul li a:hover {
    color: #287ead;
}

.clear {
    clear: both;
}

.rightArea .context .news-context—r ul li {
    line-height: 45px;
}
.newslists_l {
    width: 50.19%;
}
.newslists_l,
.news-context—r {
    margin-top: -15px;
}

.newslists_l ul li {
    line-height: 45px;
    font-size: 16px;
    border-bottom: 1px dotted #b6b7b6;
    overflow: hidden;
}

.newslists_l ul li p {
    width: 85.5%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.newslists_l ul li .time {
    font-size: 14px;
    float: right;
    color: #999;
}

.newslists_l ul li a {
    padding-left: 5px;
}

.newslists_l ul li em {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4088b3;
    display: block;
    overflow: hidden;
    margin-top: 22px;
}

.events .m-title {
    margin-top:20px;
}
.events .m-title h2 span{
	color: rgb(173, 168, 168);
    letter-spacing: 1px;
    padding-left: 10px;
    font-size: 28px;
    font-style: normal;
}
    .events .tit-tab {
	width:auto;
        overflow: hidden;
        margin-bottom: 30px;
	margin-top: 30px;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: rgb(226, 221, 221) rgb(226, 221, 221) rgb(0, 63, 136);
    color: rgb(74, 74, 74);
    background-color: rgb(238, 238, 238);
    }

    .events .tit-tab li {
       
        float: left;
        cursor: pointer;
        font-size: 18px;
        line-height: 40px;
        color: #333;
        text-align: center;
    }
 .events .tit-tab li a {
  padding:0 25px;
}

    .events .tit-tab .tab-selected .tit-tab_title {
        display: block;
        font-weight: 800;
        color: #fff;
        background-color: #003f88;
    }

    .events-one {
        position: relative;
        width: 70%;
        height: 524px;
        overflow: hidden;
    }
 .events-one .con-tab>div {
  height:490px;
padding: 0 0 22px;
}
    .events-one .con-tab {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s;
        background-color: #fff;
    }

    .events-one .con-tab ul {
        height: 490px;
        padding: 0 0 22px;
    }

    .events-one .con-tab li {
        position: relative;
        border-bottom: 1px dashed #d8d8d8;
        line-height: 48px;
        //padding-left: 130px;
        margin-left: 15px;
        transition: all 0.3s;
	overflow:hidden;
    }


    .events-one .con-tab li a {
        display: block;
        font-size: 18px;
        transition: all 0.3s;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
	padding-right:95px;
	box-sizing:border-box;
    }

    .events-one .con-tab li span {
        position: absolute;
        top: 1px;
        right: 2px;
        color: #999;
        *bottom: 8px;
        font-size: 16px;
        color: #003f88;
        transition: all 0.3s;
    }

    .events-one .con-tab li:hover {
        padding-left: 20px;
    }

    /*.events-one .con-tab li:hover span {
        left: 12px;
    }*/


    .events .pic-link {
        /* width: 31%; */
        width: 27%;
    }

    .events .pic-link li {
        margin-bottom: 13px;
	background-color:#f8f8f8;
        transition: all 0.3s;
	border:1px solid #f8f8f8;
	box-sizing: border-box;
    }

    /*.events .pic-link .linki1 {
        background-color: #287ead;
    }

    .events .pic-link .linki2 {
        background-color: #9ec9e0;
    }

    .events .pic-link .linki3 {
        background-color: #287ead;
    }

    .events .pic-link .linki4 {
        background-color: #9ec9e0;
    }

    .events .pic-link .linki5 {
        background-color: #287ead;
    }*/

    .events .pic-link li img {
        /*height: 90px;*/
        /* height: 86px;*/
height:70px;
width:113px;
    object-fit: contain;

    }

    .events .pic-link li a {
        display: block;
        margin-left: 0;
        /*font-size: 28px;
        font-weight: 800;*/
        font-size: 18px;
        color: #003f88;
        height: 66px;
       line-height: 1.75;

        display: flex;
                      align-items: center;


        transition: all 0.3s;
      
    }

    .events .pic-link li:hover {
        background-color: #fff;
    }
/* 移动端导航 */
.mnav .header-left {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
   }
   .mnav .header-left a {
       font-size: 16px;
       color: #fff;
   }
   
   .mnav .header-left .border {
       color: #ccc;
       width: 2px;
       padding: 0 10px;
       font-size: 16px;
   }
   .mnav {
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       z-index: 50;
       display: none;
   }
   
   .mnav .contentct {
       float: left;
       width: 65%;
       height: 100%;
       background: #287ead;
       padding: 0.1rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       z-index: 1000;
   }
   
   .mnav .contentct .nav-item {
       width: 100%;
       height: 36px;
       line-height: 36px;
       font-size: 16px;
       font-weight: bold;
       color: #fff;
       text-align: center;
       text-decoration: none;
   }
   
   .mnav .contentct .nav-item:hover {
       background: #287ead;
       -webkit-box-shadow: 3px 3px 10px #000;
       box-shadow: 3px 3px 10px #000;
   }
   
   .mnav .contentct .nav-item:hover .item-down {
       display: block;
   }
   
   .mnav .contentct .nav-item a {
       display: block;
       color: #fff;
       text-decoration: none;
   }
   .header-right {
       position: absolute;
       top: 0;
       right: 0;
   }
   
   .header-right .search {
       float: left;
       padding-top: 0.31rem;
       position: relative;
   }
   
   .header-right .search form {
       width: 2.1rem;
       height: 0.36rem;
       line-height: 0.36rem;
       font-size: 0;
       border-radius: 0.23rem;
       background-color: transparent;
       overflow: hidden;
       border: 2px solid #fff;
   }
   
   .header-right .search input,
   .header-right .search button {
       border: none;
       height: 100%;
   }
   
   
   .header-right .search input {
       width: 70%;
       font-size: 0.18rem;
       box-sizing: border-box;
       background-color: transparent;
       color: #fff;
   
   }
   
   .header-right .search input::placeholder {
       color: #fff;
       font-size: 16px;
   }
   
   .header-right .search button {
       width: 0.5rem;
       padding: 0;
       cursor: pointer;
       background: transparent;
   }
   
   .header-right .search button img {
       width: 0.25rem;
   }
   
   .header-right .menu {
       display: none;
       float: left;
       width: 40px;
       margin-top: 20px;
       margin-right: -20px;
       cursor: pointer;
   }
   
   .contentct .header-right {
       position: relative;
       right: 0;
   }
   .contentct .header-right .search {
       float: none;
       margin: 0 auto;
   }
   
   .contentct .header-right .search form {
       margin: 0 auto;
   }
   
   .mnav .contentbl {
       float: left;
       width: 35%;
       height: 100%;
       background: #333;
       opacity: 0.2;
       filter: alpha(opacity=20);
   }
   @media screen and (max-width: 1450px){
    .con1rm2 .con1rm2r {
        width: 79.6%;
    }
   }
   @media screen and (max-width: 1300px){
    .con1rm2 .con1rm2r {
        width: 77%;
    }
   }
   

    @media screen and (max-width: 1250px){
        .container {
            width: auto;
            max-width: 100%;
            margin: 0 50px;
        }
        .events .tit-tab li a {
  padding:0 15px;
}
    } 
    @media screen and (max-width: 1250px){
        .m-footer .container {
            padding-left: 3%;
        }
        .m-footer .left{
            width: 45%;
        }
        .m-footer .middle {
            width: 42%;
            height: 145px;
            margin-left: 30px;
        }
        .m-footer .right {
            margin-left: 0;
            width: 100%;
        }
        .mg {
            width: auto;
            margin: 0 50px;
        }
        .con1 {
            margin-top: -0.78rem;
        }
    } 
@media only screen and (max-width: 1120px) {
.events .tit-tab li a {
  padding:0 10px;
}
}
    @media only screen and (max-width: 1080px) {
        .events .tit-tab li {
            width: 17.66%;
        }
.events .tit-tab li a {
  padding:0 ;
}
        .events-one {
            float: none;
            width: 100%;
        }

        .events .pic-link {
            float: none;
            width: 100%;
        }
    }
    @media screen and (max-width: 1050px) {
        .index-news .rightArea .context li p {
            width: 81%;
            padding: 0 0 0 2px;
        }
        .newslists_l ul li p {
            width: 82%;
        }
    
        .con1rm2 .con1rm2r {
            width: 72.6%;
        }
        .con2f img {
    width: 100% !important;
    height: auto !important;
}
    }
    @media screen and (max-width: 1000px) {
        .con1l {
            float: none;
        }
        .con1r {
            margin-left: 0;
            margin-top: 20px;
        }
        .con1rm2 .con1rm2r {
            width: 82%;
        }
        
    }

    @media screen and (max-width: 900px){
       .events .tit-tab li {
            width: 18.66%;
        }
        .container {
            margin: 0 30px;
        }
        .mg {
            margin-left: 30px;
            margin-right: 30px;
        }
        .enorch {
            display: none;
        }
        .nav-bg {
            display: none;
        }
        .header-top .menu {
            display: block;
        }
        .index-banner .leftArea .text1 {
            font-size: 20px;
        }
    } 

   @media screen and (max-width: 865px){
    .con1rm2 .con1rm2r {
        width: 78%;
    }
   }
.con2f img {

}
    @media screen and (max-width: 800px){
        .index-news .leftArea {
            width: 100%;
            float: none;
        }
        .index-news .rightArea {
            float: none;
            width: 100%;
        }
        .index-news .m-title {
            margin-top: 30px;
        }
        .index-news .rightArea .context li p {
            width: 90%;
        }
.con2f img {
    width: 100% !important;
    height: auto !important;
}
    }
    @media screen and (max-width: 750px){
        .events .tit-tab li {
            width: 19.9%;
        }

        .m-footer .left{
            float: none;
            width: 100%;

        }
        .m-footer p {
            padding-left: 0;
        }
        .m-footer .right p {
            padding-left: 15px;
        }
        .m-footer .middle {
            float: none;
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
            margin-bottom: 10px;
            height: auto;
        }
       
    } 
   @media screen and (max-width: 725px){
    .con1rm2 .con1rm2r {
        width: 74%;
    }
   }
    @media only screen and (max-width: 700px){
        .index-banner .leftArea .text1 {
            font-size: 18px;
            left: 0;
        }
        .container {
            margin: 0 20px;
        }
        .mg {
            margin-left: 20px;
            margin-right: 20px;
        }
    }

    @media only screen and (max-width: 670px) {
        .events .tit-tab li {
            width: 33.33%;
        }
        .index-news .rightArea .context li p {
            width: 85%;
        }
    }
    @media  screen and (max-width: 650px) {
        #banner-swipe_ li img {
            width: 400px;
        }
        .m-header .logo img{
            width: 360px;
        }
        .m-footer .container {
            padding-left: 0;
        }
        .m-footer .right p a {
            line-height: 22px;
        }
    }
    @media  screen and (max-width: 600px){
        .con1l  {
            width: 100%;
        }
        .container {
            margin: 0 10px;
        }
        .mg {
            margin-left: 10px;
            margin-right: 10px;
        }

        .xi20 {
            font-size: 18px;
        }
    }
    @media only screen and (max-width: 545px) {
        .con1rm2 .con1rm2r {
            width: 73.6%;
        }
        .xi20 {
            font-size: 16px;
        }
}
    @media only screen and (max-width: 500px) {
        .m-header .logo {
            margin-top: 0;
        }
        .m-header .logo img{
            width: 280px;
        }
        .index-banner .leftArea .text1 {
            font-size: 16px;
        }
        .container {
            margin: 0 10px;
        }
        .side_focus {
            width: 100%!important;
            float: none;
        }
        
        .newslists_l {
            width: 100%;
            float: none;
            margin-top: 5px;
        }
        .con1rm2l {
            margin-right: 0;
        }
        .con1rm2r {
            margin-left: 0 ;
        }

    }
    @media only screen and (max-width: 440px) {
        .events-one .con-tab li {
            /* padding-left: 110px; */
            margin-left: 0;
        }

        .events-one .con-tab li img {
            margin: -4px 0 0 4px;
        }

        .events .pic-link li a {
            font-size: 24px;
        }
        .con1rm2 .con1rm2r {
            width: 100%;
        }
        .xi20 {
            font-size: 14px;
        }
       .con1rm2rt {
          margin-bottom: 0px;
      }

      #wp_news_w34  li .con1rm2r  .con1rm2rt .con-title img {
               width: 34px;
      }
    }
    @media only screen and (max-width: 400px){


    .events-one .con-tab li a ,.events .tit-tab li a{
       font-size: 14px;
   }

    }