@charset 'utf-8';
.header {
    height: 85px
}

.header .logo {
    height: 85px;
    line-height: 85px;
    overflow: hidden
}

.header .nav li {
    position: relative;
    float: left;
    height: 85px;
    line-height: 85px;
    margin-left: 46px
}

.header .nav li:hover h2 a {
    color: #014099
}

.header .nav li:hover .sub-nav {
    opacity: 1;
    visibility: visible
}

.header .nav li h2>a {
    display: block;
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.header .nav li .sub-nav {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    position: absolute;
    top: 85px;
    left: 0;
    width: 525px;
    height: 160px;
    overflow: hidden;
    text-align: center;
    background: #f5f4f5;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.header .nav li .sub-nav .img {
    width: 180px;
    height: 120px
}

.header .nav li .sub-nav .info {
    width: calc(100% - 180px);
    padding-left: 25px
}

.header .nav li .sub-nav .info a {
    text-align: left;
    color: #555;
    width: 46%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #ddd
}

.header .nav li .sub-nav .info a:hover {
    color: #014099;
    border-bottom: 1px dashed #014099
}

.header .nav li .sub-nav .info a:nth-child(odd) {
    float: left
}

.header .nav li .sub-nav .info a:nth-child(even) {
    float: right
}

.header .btn-w {
    height: 85px
}

.header .btn-w a {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    margin-left: 12px
}

.header .btn-w .a1 {
    border-color: #014099;
    background: #014099 url(../images/search.png) no-repeat center
}

.header .btn-w .a2 {
    text-align: center;
    line-height: 28px
}

.header .btn-w .a3 {
    background: url(../images/emaill.png) no-repeat center
}

.header .search {
    position: absolute;
    z-index: 1;
    top: 90px;
    right: 0;
    width: 240px;
    height: 40px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
}

.header .search .txt {
    width: calc(100% - 35px);
    padding: 0 10px
}

.header .search .btn {
    width: 30px;
    height: 100%;
    text-indent: -9999px;
    background: url(../images/m_search.png) no-repeat center;
    background-size: auto 20px
}

.footer {
    background: #3a3a3a;
    color: #fff
}

.footer dl {
    margin-right: 90px
}

.footer dl dt {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-bottom: 30px
}

.footer dl dt::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 20px;
    width: 30px;
    height: 2px;
    background: #fff
}

.footer dl dd {
    font-size: 12px;
    color: #999;
    line-height: 26px
}

.footer .corpight {
    font-size: 12px;
    color: #999;
    background: #333;
    border-top: 1px solid #424242;
    padding: 12px 10px
}

.i-banner ul li {
    /*height: 673px;
    background-repeat: no-repeat;
    background-position: center*/
}

.i-banner .owl-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1200px;
    margin: 0 auto
}

.i-banner .owl-controls .owl-buttons div {
    font-size: 0
}

.i-banner .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background-image: url(../images/banner_l.png)
}

.i-banner .owl-controls .owl-buttons .owl-next {
    right: 0;
    background-image: url(../images/banner_r.png)
}

.i-banner .owl-controls {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right
}

.i-banner .owl-pagination {
    display: block;
    z-index: 999;
    bottom: 16px;
    right: 0;
    width: 200px;
}

.i-banner .owl-controls .owl-page span {
    width: 11px;
    height: 16px;
    background: url(../images/news_head.png) no-repeat center;
    margin: 0 0 0 13px
}

.i-banner .owl-controls .owl-page.active span,
.i-banner .owl-controls .owl-page:hover span {
    background: url(../images/news_head_2.png) no-repeat center
}

@media (max-width:750px) {
    /*.i-banner ul li {
        height: inherit;
        background-image: none !important
    }
    .i-banner ul li img {
        display: block
    }
    .i-banner ul li .txt {
        display: none
    }*/
    .i-banner .owl-pagination {
        width: 100%;
        text-align: inherit;
        bottom: .2rem;
        right: inherit
    }
    .i-banner .owl-controls {
        position: inherit;
        max-width: auto;
        text-align: center
    }
    .i-banner .owl-pagination {
        bottom: .25rem;
        right: inherit
    }
}

.banner {
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.banner .fl {
    padding-top: .4rem
}

.banner .fr {
    margin-top: .85rem
}

.banner strong {
    font-size: 34px;
    font-weight: normal;
}

.banner .main-home {
    height: 26px;
    line-height: 26px;
    padding-left: 25px;
    background: url(../images/main_home.png) no-repeat left center
}

.banner .main-home span {
    color: #88e600
}

#allmap img {
    max-width: inherit
}

.banner2 {
    height: 360px
}

.i-main .tt1 strong {
    font-size: 30px;
    color: #333;
    font-weight: normal;
}

.i-main .tt1 span {
    position: relative;
    font-size: 14px;
}

/*.i-main .tt1 span::after,.i-main .tt1 span::before{position:absolute;content:'';top:50%;width:26px;height:1px;background:#aaa;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.i-main .tt1 span::before{left:-40px}.i-main .tt1 span::after{right:-40px}*/

.i-main .i-about {
    padding: .6rem 0 0 0;
    margin-bottom: -100px;
    background: #f5f5f5
}

.i-main .i-about h2 {
    position: relative;
    font-size: 26px;
    color: #014099;
    padding-bottom: 25px
}

.i-main .i-about h2::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70px;
    height: 4px;
    background: #014099
}

.i-main .i-about .txt {
    width: calc(100% - 500px)
}

.i-main .i-about .img {
    position: relative;
    z-index: 1;
    width: 470px
}

.i-main .i-about .btn {
    height: 130px;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    margin-bottom: -20px;
}

.i-main .i-about .btn .dtcell {
    text-align: left
}

.i-main .i-about .btn a {
    text-align: center;
    padding: 0 64px
}

.i-main .i-about .btn h3 {
    padding-top: 5px
}

.i-main .i-about .btn .a1 {
    color: #1261ce
}

.i-main .i-about .btn .a2 {
    color: #109b37
}

.i-main .i-about .btn .a3 {
    color: #0090d6
}

.i-main .i-news {
    padding: .8rem 0 0 0;
    background: #fff
}

.i-main .i-news .mauto {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.i-main .i-news .img {
    width: 400px
}

.i-main .i-news .img .date {
    top: 0;
    left: 0;
    width: 77px;
    height: 54px;
    background: #005bac
}

.i-main .i-news .img .date span {
    font-size: 26px
}

.i-main .i-news .img .date div {
    font-size: 13px
}

.i-main .i-news .img h3 {
    left: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.6)
}

.i-main .i-news .info-w {
    width: calc(100% - 400px);
    padding-left: 4.2%
}

.i-main .i-news .info-w .tab-head li {
    float: left;
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #666;
    color: #fff;
    margin-right: 10px;
    cursor: pointer
}

.i-main .i-news .info-w .tab-head li:hover,
.i-main .i-news .info-w .tab-head li.cur {
    background: #014099
}

.i-main .i-news .info-w .tab-body li {
    display: none
}

.i-main .i-news .info-w .tab-body li.cur {
    display: block
}

.i-main .i-news .info-w .info {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.i-main .i-news .info-w .info .img {
    width: 250px;
    height: 180px
}

.i-main .i-news .info-w .info .txt {
    width: calc(100% - 250px);
    padding-left: 4%
}

.i-main .i-news .info-w .info .txt h3 {
    font-size: 20px;
    font-weight: bold;
}

.i-main .i-pro {
    padding: .6rem 0 .7rem 0
}

.i-main .i-pro .tt1 strong {
    color: #fff;
    font-weight: normal;
}

.i-main .i-pro li:hover .icon {
    background-color: #014099;
    border-color: #014099
}

.i-main .i-pro li:hover img {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
}

.i-main .i-pro .icon {
    width: 140px;
    height: 140px;
    line-height: 140px;
    border: 2px solid #fff;
    margin: 0 auto;
    border-radius: 50%
}

.i-main .i-pro .icon img {
    -webkit-transform: rotate(0) scale(.8);
    transform: rotate(0) scale(.9);
    -webkit-transition: all .5s;
    transition: all .5s
}

.i-main .i-pro .owl-pagination {
    display: none;
    bottom: -13%
}

.i-main .i-pro .owl-controls .owl-page span {
    background: #fff
}

.i-main .i-pro .owl-controls .owl-page.active span,
.i-main .i-pro .owl-controls.clickable .owl-page:hover span {
    background: #014099
}

.i-main .i-tel {
    height: 160px
}

.i-main .i-tel .dt {
    padding: 0 6.3%
}

.i-main .i-tel .dtcell {
    text-align: left
}

.i-main .i-tel .box2 {
    padding-left: 9.8%
}

.i-main .i-tel .box3 span {
    font-size: 18px;
    color: #666
}

.i-main .i-tel .box3 em {
    font-size: 32px;
    color: #014099
}

.i-news-head {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: rgba(0, 0, 0, 0.7);
    margin-top: -55px
}

.i-news-head strong {
    position: relative;
    width: 85px;
    height: 55px;
    font-weight: normal;
}

.i-news-head strong::after {
    font-weight: normal;
    position: absolute;
    content: '';
    top: 44%;
    left: 70px;
    border-left: 5px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.i-news-head ul {
    width: calc(100% - 85px)
}

.i-news-head .slider {
    width: calc(100% - 85px)
}

.main .main-nav-p {
    width: 240px
}

.main .main-nav-p h2 {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
}

.main .main-nav-p ul {
    background: #f8f8f8;
    padding-bottom: 34px;
}

.main .main-nav-p h2::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    width: 80px;
    height: 2px;
    background: #014099
}

.main .main-nav-p span {
    color: #aaa
}

.main .main-nav-p strong {
    font-size: 24px;
    font-weight: normal;
}

.main .main-nav-p li a {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 38px 0 25px
}

.main .main-nav-p li a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: '';
    width: 0;
    height: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff
}

.main .main-nav-p li a.cur,
.main .main-nav-p li a:hover {
    width: 100%;
    background: #014099;
    color: #fff
}

.main .main-nav-p li a.cur::after,
.main .main-nav-p li a:hover::after {
    width: 18px
}

.main .content {
    width: calc(100% - 240px);
    padding-right: 5%
}

.main .about h3 {
    border-bottom: 1px solid #ccc
}

.main .news-list .head {
    background: #f5f5f5
}

.main .news-list .head .img {
    width: calc(100% - 400px)
}

.main .news-list .head .info {
    width: 400px;
    padding-left: 3.4%;
    padding-right: 3.4%
}

.main .news-list .head .txt {
    color: #888;
    height: 100px
}

.main .news-list .head .more {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #014099;
    font-size: 13px;
    color: #014099
}

.main .news-list ul li {
    padding-bottom: .2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: .3rem
}

.main .news-list ul li:hover .date {
    background: #014099;
    color: #fff
}

.main .news-list ul li:hover .date strong {
    color: #fff;
    font-weight: normal;
}

.main .news-list ul li:hover h3 {
    color: #014099
}

.main .news-list ul .date {
    width: 85px;
    height: 85px;
    background: #e0e0e0
}

.main .news-list ul .date strong {
    font-size: 26px;
    color: #666;
    font-weight: normal;
}

.main .news-list ul .info {
    width: calc(100% - 220px)
}

.main .news-list ul .info h3 {
    padding-top: 5px
}

.main .news-list ul .info strong {
    font-size: 22px;
    color: #101f98;
    font-weight: normal;
}

.main .news-list ul .info .els2 {
    height: 66px;
    margin-top: 20px
}

.main .news-info .date {
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    border: 1px solid #e5e5e5;
    color: #666;
}

.main .pro-list ul {
    margin-left: -0.2rem
}

.main .pro-list li {
    padding-left: .2rem;
    margin-bottom: .3rem
}

.main .pro-list li a {
    border: 1px solid #ccc;
    padding: 5px 5px 0 5px
}

.main .pro-list li a:hover {
    background: #18469b;
    color: #fff
}

.main .pro-list li a:hover h3::after {
    display: none
}

.main .pro-list .img {
    height: 2.35rem;
    background: #fff
}

.main .pro-list h3 {
    position: relative;
    font-size: 15px;
    height: 58px;
    line-height: 58px
}

.main .pro-list h3::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: calc(100% - 40px);
    height: 1px;
    background: #ccc;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main .pro-info .slider-w {
    width: 500px;
    height: 5rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.main .pro-info .slider {
    height: 100%
}

.main .pro-info .slider .owl-carousel,
.main .pro-info .slider .owl-carousel .owl-wrapper-outer,
.main .pro-info .slider .owl-carousel .owl-wrapper,
.main .pro-info .slider .owl-carousel .owl-item {
    height: 100%
}

.main .pro-info .slider li {
    height: 100%
}

.main .pro-info .slider li .po-auto {
    max-width: 90%;
    max-height: 90%
}

.main .pro-info .slider .owl-controls .owl-buttons div {
    width: 47px;
    height: 30px
}

.main .pro-info .slider .owl-controls .owl-buttons .owl-prev {
    background: url(../images/pro_l.png) no-repeat center
}

.main .pro-info .slider .owl-controls .owl-buttons .owl-prev:hover {
    background: url(../images/pro_l2.png) no-repeat center
}

.main .pro-info .slider .owl-controls .owl-buttons .owl-next {
    background: url(../images/pro_r.png) no-repeat center
}

.main .pro-info .slider .owl-controls .owl-buttons .owl-next:hover {
    background: url(../images/pro_r2.png) no-repeat center
}

.main .pro-info .slider .owl-pagination {
    display: none
}

.main .pro-info .slider .owl-controls .owl-page span {
    background: #fff
}

.main .pro-info .slider .owl-controls .owl-page.active span,
.main .pro-info .slider .owl-controls.clickable .owl-page:hover span {
    background: #014199
}

.main .pro-info .info {
    width: calc(100% - 500px);
    padding-left: 5%
}

.main .pro-info .info h2 {
    font-size: 24px;
    height: 82px;
    line-height: 82px;
    border-bottom: 1px solid #e7e7e7
}

.main .pro-info .tab-head li {
    float: left;
    width: 50%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    background: #f8f8f8;
    color: #444;
    font-size: 16px;
    cursor: pointer
}

.main .pro-info .tab-head li.cur {
    background: #014199;
    color: #fff
}

.main .pro-info .tab-body li {
    display: none
}

.main .pro-info .tab-body li.cur {
    display: block
}

.main .education-list li {
    padding-bottom: .2rem;
    margin-bottom: .3rem;
    border-bottom: 1px dashed #ddd
}

.main .education-list a:hover h3 {
    color: #014099
}

.main .education-list a:hover .more {
    border-color: #014099;
    background: #014099;
    color: #fff
}

.main .education-list .img {
    width: 220px;
    height: 140px
}

.main .education-list .info {
    width: calc(100% - 220px)
}

.main .education-list .els2 {
    height: 40px;
    line-height: 20px
}

.main .education-list .more {
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
    border: 1px solid #dcdcdc
}

.main .join-list thead {
    height: 48px;
    line-height: 48px;
    background: #888;
    color: #fff
}

.main .join-list td {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #d0d0d0
}

.main .join-info h2 {
    position: relative;
    font-size: 20px;
    border-left: 5px solid #014199;
    padding-left: 15px
}

.main .join-info table {
    border: 1px solid #dcdcdc
}

.main .join-info td {
    padding: 0 3%;
    height: 47px;
    line-height: 47px;
    border: 1px solid #dcdcdc
}

.main .join-info .txt:nth-child(3) {
    border: none
}

.main .join-info .txt {
    border-top: 1px dashed #c8c8c8
}

.main .join-info .txt 、 .edit {
    line-height: 30px !important
}

.main .join-info .txt 、 .edit p,
.main .join-info .txt 、 .edit span,
.main .join-info .txt 、 .edit em,
.main .join-info .txt 、 .edit strong {
    line-height: 30px !important;
    font-weight: normal;
}

.main .contact .map {
    height: 4rem
}

.imgs {
    background: url(../images/loading.gif) no-repeat center
}

.edit {
    overflow: hidden;
    line-height: 200% !important;
    font-size: 14px !important
}

.edit p,
.edit span,
.edit em,
.edit strong {
    line-height: 200% !important;
}

.in-page {
    line-height: 35px;
    color: #888
}

.in-page span {
    padding: 0 15px;
    border: 1px solid #e8e8e8
}

.in-page a {
    padding: 0 15px;
    border: 1px solid #e8e8e8
}

.in-page a:hover,
.in-page a.cur {
    border-color: #014099;
    background: #014099;
    color: #fff
}

.bd_weixin_popup {
    height: 300px !important
}

.fix-wrap {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
}

.fix-wrap .po-auto {
    display: table;
    width: 100%;
    height: 100%
}

.fix-wrap .hide {
    position: absolute;
    width: 25px;
    height: 25px;
    padding: 25px;
    right: 5%;
    top: 5%;
    cursor: pointer;
    background: #090908;
    border-radius: 50%;
    -webkit-transition: all 8s;
    transition: all .8s
}

.fix-wrap .hide::before,
.fix-wrap .hide::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 1px;
    height: 55%;
    background: #fff;
    margin-top: -27.5%
}

.fix-wrap .hide::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fix-wrap .hide::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fix-wrap .hide:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fix-wrap .video-w video {
    width: 55%;
    height: 55%;
    background: rgba(0, 0, 0, 0.8)
}

@media (max-width:750px) {
    .fix-wrap .video-w video {
        width: 90%;
        height: 50%
    }
}

.fix-bar {
    position: fixed;
    z-index: 888;
    bottom: 20%;
    right: 20px
}

.fix-bar a {
    display: block;
    width: 50px;
    height: 52px;
    /*background-color:#d9d9d9;*/
    background-repeat: no-repeat;
    background-position: center;
    /*border-top:1px solid #fff*/
}

.fix-bar a:first-child {
    border-color: transparent
}

.fix-bar a:hover {
    background-color: #014099
}

.fix-bar .gotop {
    display: none
}

.fix-bar .txt-w:hover .txt {
    left: -150px;
    opacity: 1;
    filter: alpha(opacity=1);
    visibility: visible
}

.fix-bar .txt-w .txt {
    position: absolute;
    left: -180px;
    top: 0;
    width: 150px;
    text-align: center;
    color: #fff;
    background: #0046a9;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.fix-bar .txt-w .tel {
    height: 52px;
    line-height: 52px
}

.cll {
    color: #014099
}

.links a {
    font-size: 12px;
    color: #999;
    margin-right: 12px;
}