@charset"utf-8";

/* - pc端显示 - */

.pc {
    display: block;
}


/* - 手机端隐藏 - */

.mbl {
    display: none;
}


/*
	------------------------------------------------------------------------------------ 移动端导航 - start
	--------------------------------------------------------------------------------------------
*/

.logo {
    float: left;
}

.m_img {
    /* height: 45px; */
    float: right;
    margin-left: 12px;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.m_img a .m_menuimg {
    width: 24px;
    vertical-align: top;
    display: block;
}

.m_nav {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000;
}

.m_nav .closecover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.m_nav .m_navList {
    position: absolute;
    width: 80%;
    top: 0px;
    background: #fff;
    height: 100%;
    z-index: 100;
    left: -80%;
    padding-top: 66px;
    overflow-y: auto;
}

.m_nav .closeicon {
    position: absolute;
    width: auto;
    right: 16px;
    top: 22px;
    z-index: 105;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
}

.m_nav .closeicon a {
    height: 22px;
    display: block;
}

.m_nav .m_navList ul li:first-child {
    border-top: 1px solid #f0f0f0;
}

.m_nav .m_navList ul li {
    border-bottom: 1px solid #f0f0f0;
}

.m_nav .m_navList ul li .m_f_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.m_nav .m_navList ul li .m_s_nav {
    display: none;
    width: 100%;
    padding-bottom: 8px;
}

.m_nav .m_navList ul li .m_f_a a {
    flex: 1;
}

.m_nav .m_navList ul li .m_f_a i {
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}

.m_nav .icon {
    background: url(../pic/0/plus.png) 100% no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.m_nav .icon_on {
    background: url(../pic/0/reduce.jpg) 50% no-repeat!important;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.m_nav .m_navList ul li .m_s_nav a {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 5%;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}

.m_nav .m_navList ul li a {
    display: block;
    height: 45px;
    color: #333;
    line-height: 45px;
    padding-left: 4%;
    font-size: 15px;
}

.m_nav .m_navList ul li .m_f_a i {
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}

.tophide .header .m_img a.tow,
.header .m_img a.one {
    display: block;
}

.tophide .header .m_img a.one,
.header .m_img a.tow {
    display: none;
}

.m_nav,
.m_img {
    display: none;
}


/*
	------------------------------------------------------------------------------------ 移动端导航 - end
	--------------------------------------------------------------------------------------------
*/

i {
    font-style: normal
}

.warp {
    width: 1495px;
    margin: auto;
}


/*开始你的内容创作之旅*/


/* top */

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgba(240, 240, 240, 0.75);
    transition: all .4s;
}

.header.active {
    background: rgba(240, 240, 240, 1);
}

.header .nav li {
    width: 145px;
    float: left;
    position: relative;
    text-align: center;
}

.header .nav {
    float: right;
}

.header .nav .nav_top a {
    font-size: 18px;
    color: #333333;
    padding: 0 6px;
    line-height: 80px;
}
.header .nav .nav_top a:hover {
	font-size: 20px;
    padding-bottom: 6px;
    border-bottom:2px solid #000000;
}
.header .nav .nav_hover {
    position: absolute;
    top: 60px;
    left:0px;
    width: 100%;
    text-align: center;
    background: rgba(240, 240, 240, 1);
    z-index: 2;
    padding: 10px 15px;
    display: none;
}

.header .nav .nav_hover a {
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 32px;
    border-bottom: 3px solid #f0f0f0;
}

.header .nav .nav_hover a:hover {
    border-bottom: 3px solid #192B56;
}

.header .nav li:hover .nav_hover {
    display: block;
}

.header .warp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 60px;
    padding-right: 34px;
}


/* banner */

.banner_idx {
    width: 100%;
    height: 100vh;
}

.banner_swiper {
    width: 100%;
    height: 100vh;
}

.banner_swiper .swiper-wrapper,
.pagea-3 {
    width: 100%;
    height: 100vh;
}

.banner_swiper .swiper-slide {
    height: 100vh;
}

.banner_swiper .swiper-slide .pagea-3 {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.banner_swiper .swiper-slide-active {
    z-index: 10;
}

.banner_swiper .swiper-slide-active .pagea-3,
.banner_swiper .swiper-slide-duplicate-active .pagea-3 {
    transition: 6s linear;
    transform: scale(1, 1);
}

@-webkit-keyframes haha1 {
    0% {
        top: 0;
        opacity: 1;
    }
    25% {
        top: 25%;
        opacity: 0.75;
    }
    50% {
        top: 50%;
        opacity: 0.5;
    }
    75% {
        top: 75%;
        opacity: 0.25;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}

.swiperPage {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 100%;
}

.swiperPage .swiper-pagination {
    position: relative;
    width: 100%;
    text-align: center;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 70px;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    /* border-radius: 0; */
    margin: 0 12px;
    border-radius: 5px;
    overflow: hidden;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet-active:after {
    content: '';
    width: 0;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-animation: width 5s linear infinite;
}

@-webkit-keyframes width {
    0% {
        width: 0
    }
    100% {
        width: 100%;
    }
}


/* 服务项目 */

.idx_services {
    width: 100%;
    background: #f0f0f0 url(../pic/0/bj_ser.jpg) no-repeat center;
    padding-top: 134px;
    padding-bottom: 80px;
    overflow: hidden;
}

.idx_title {
    width: 100%;
    text-align: center;
}

.idx_title h3 {
    font-size: 38px;
    color: #333333;
    line-height: 46px;
    margin-bottom: 8px;
}

.idx_title h4 {
    font-size: 24px;
    font-family: Arial;
    color: #666666;
    line-height: 32px;
    text-transform: uppercase;
}

.idx_ser_ul {
    width: 100%;
    height: 454px;
    position: relative;
    margin-top: 47px;
}

.idx_ser_ul ul li {
    position: absolute;
    width: 126px;
    height: 145px;
    overflow: hidden;
    transform: rotate(120deg);
    transition: all .4s;
    cursor: pointer;
    opacity: 0;
}

.idx_ser_ul ul li .idx_ser_li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-60deg);
}

.idx_ser_ul ul li .idx_ser_lichen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-60deg);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.idx_ser_ul ul li p {
    display: none;
    font-size: 20px;
    color: #FFFDFD;
    line-height: 26px;
    position: relative;
    top: -8px;
}

.idx_ser_ul ul li:hover p {
    display: block;
    transform: scale(0.7);
}

.idx_ser_ul ul li img {
    transition: all .4s;
}

.idx_ser_ul ul li:hover .img {
    transform: scale(0.8);
}

.idx_ser_ul ul li:hover img {
    transform: scale(0.7);
}

.idx_ser_ul ul li:hover {
    transform: scale(1.2) rotate(120deg);
}

.idx_ser_ul ul li:nth-child(1) .idx_ser_lichen {
    background: linear-gradient(0deg, #E73279 0%, #1CACDE 0%, #43BCEB 48%, #68C8EA 100%);
}

.idx_ser_ul ul li:nth-child(2) .idx_ser_lichen {
    background: linear-gradient(-36deg, #8FC42D 0%, #AED02C 49%, #C0D630 100%);
}

.idx_ser_ul ul li:nth-child(3) .idx_ser_lichen {
    background: linear-gradient(-45deg, #1CACDE 0%, #DA1365 0%, #EA5D9B 100%);
}

.idx_ser_ul ul li:nth-child(4) .idx_ser_lichen {
    background: linear-gradient(-39deg, #ED9718 0%, #EFF11C 0%, #F6C883 0%, #F7DAA6 48%, #F4C87A 100%);
}

.idx_ser_ul ul li:nth-child(5) .idx_ser_lichen {
    background: linear-gradient(0deg, #A2D5C0 0%, #B6DFCE 48%, #A2D5C0 100%);
}

.idx_ser_ul ul li:nth-child(6) .idx_ser_lichen {
    background: linear-gradient(-45deg, #4f6589 0%, #4f6589 0%, #4f6589 48%, #4f6589 100%);
}

.idx_ser_ul ul li:nth-child(7) .idx_ser_lichen {
    background: linear-gradient(6deg, #1CACDE 0%, #9C82BA 0%, #9C82BA 48%, #9C82BA 100%);
}

.idx_ser_ul ul li:nth-child(8) .idx_ser_lichen {
    background: linear-gradient(0deg, #E73279 0%, #E95292 48%, #E41C6D 100%);
}

.idx_ser_ul ul li:nth-child(9) .idx_ser_lichen {
    background: linear-gradient(-45deg, #94C52D 0%, #E09514 0%, #F5A82A 48%, #F5C05D 100%);
}

.idx_ser_ul ul li:nth-child(10) .idx_ser_lichen {
    background: linear-gradient(-45deg, #1CACDE 0%, #94C52D 0%, #A4CC2E 48%, #BFD630 100%);
}

.idx_ser_ul ul li:nth-child(1) {
    top: 28%;
    left: 3.9%;
}

.idx_ser_ul ul li:nth-child(2) {
    top: 11px;
    left: 17.79%;
}

.idx_ser_ul ul li:nth-child(3) {
    top: 57%;
    left: 17.79%;
}

.idx_ser_ul ul li:nth-child(4) {
    top: 29.95%;
    left: 31.7%;
}

.idx_ser_ul ul li:nth-child(5) {
    top: 11px;
    left: 45.8%;
}

.idx_ser_ul ul li:nth-child(6) {
    top: 57%;
    left: 45.8%;
}

.idx_ser_ul ul li:nth-child(7) {
    top: 29.95%;
    left: 59.7%;
}

.idx_ser_ul ul li:nth-child(8) {
    top: 11px;
    left: 73.57%;
}

.idx_ser_ul ul li:nth-child(9) {
    top: 57%;
    left: 73.57%;
}

.idx_ser_ul ul li:nth-child(10) {
    top: 29.95%;
    left: 87.49%;
}


/* 关于宏测 */

.idx_abouts {
    width: 100%;
    background: url(../pic/0/about_bj.jpg) no-repeat center center/cover;
    padding-top: 180px;
    padding-bottom: 110px;
    overflow: hidden;
}

.idx_abouts .idx_title h3,
.idx_abouts .idx_title h4 {
    color: #fff;
}

.idx_about_conter {
    width: 100%;
    margin-top: 59px;
}

.idx_about_conter .idx_about_left {
    width: 45%;
    float: left;
    margin-top: 19px;
    padding-right: 20px;
}

.idx_about_conter .idx_about_left ul li {
    width: 33.33%;
    float: left;
}

.idx_about_conter .idx_about_right {
    width: 55%;
    float: left;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 32px;
}


/* 新闻动态 */

.idx_news {
    width: 100%;
    padding: 125px 0 35px 0;
    background: #E5E5E5;
    overflow: hidden;
}

.idx_news .idx_new_til {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idx_news .idx_new_til h3 {
    font-size: 42px;
    color: #333333;
    padding-left: 0px;
}

.idx_news .idx_new_til .new_moer {
    width: 170px;
    height: 42px;
    border: 1px solid #000000;
    display: inline-block;
    font-size: 20px;
    color: #888888;
    display: flex;
    justify-content: center;
    align-items: center;
}
.idx_news .idx_new_til .new_moer:hover {
    background: #07234B;
    color: #fff;
}
.idx_news .idx_new_til .new_moer:hover a:hover{
    color: #fff;
}

.idx_news_ul {
    width: 100%;
    margin-top: 40px;
}

.idx_news_ul .idx_news_left,
.idx_news_ul .idx_news_cont {
    width: 420px;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 12px 41px 10px rgba(21, 21, 22, 0.24);
    background: #fff;
    margin-right: 14px;
    left:-100px;
    opacity: 0;
}

.idx_news_ul .idx_news_left .img {
    width: 100%;
    overflow: hidden;
}

.idx_news_ul .idx_news_left .img img {
    width: 100%;
    transition: all .4s;
}

.idx_news_ul .idx_news_left:hover .img img {
    transform: scale(1.1);
}

.idx_news_ul .idx_news_left .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 27px 30px 16px;
}

.idx_news_ul .text h3 {
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    transition: all .4s;
}

.idx_news_ul .text .time {
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
}

.idx_news_ul .text .more {
    font-size: 18px;
    color: #888888;
    display: flex;
    align-items: center;
}

.idx_news_ul .text p {
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.idx_news_ul .text .more img {
    width: 11px;
    margin-left: 20px;
}

.idx_news_ul .idx_news_left .text h3,
.idx_news_ul .idx_news_left .text .time,
.idx_news_ul .idx_news_left .text .more {
    color: #fff;
    margin-bottom: 12px;
}

.idx_news_ul .idx_news_left .text .more {
    margin-bottom: 0;
}

.idx_news_ul .idx_news_cont .img {
    width: 100%;
    overflow: hidden;
}

.idx_news_ul .idx_news_cont .img img {
    width: 100%;
    transition: all .4s;
}

.idx_news_ul .idx_news_cont:hover .img img {
    transform: scale(1.1);
}

img {
    max-width: 100%;
}

.idx_news_ul .idx_news_cont .text {
    width: 100%;
    padding: 30px 20px;
}

.idx_news_ul .idx_news_cont .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.idx_news_ul .idx_news_right {
    position: relative;
    left:-100px;
    width: calc(100% - 868px);
    float: left;
    opacity: 0;
}

.idx_news_ul .idx_news_right ul li {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 31px 9px rgba(21, 21, 22, 0.13);
    margin-top: 19px;
    padding: 17.5px 30px;
}

.idx_news_ul .idx_news_right ul li:first-child {
    margin-top: 0;
}

.idx_news_ul .idx_news_right ul li .idx_txt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idx_news_ul .idx_news_right ul li .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.idx_news_ul .idx_news_left:hover h3,
.idx_news_ul .idx_news_cont:hover h3,
.idx_news_ul .idx_news_right li:hover h3 {
    color: #192B56;
}


/* 底部 */

.footer {
    width: 100%;
    background: #07234B;
    overflow: hidden;
}

.footer .footer_bottom {
    width: 100%;
    overflow: hidden;
    background: #051C3C;
    padding: 16px 0;
    text-align: center;
}

.footer .footer_bottom p {
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
}

.footer .footer_bottom a {
    font-size: 14px;
    font-weight: normal;
    color: #675D5D;
    line-height: 20px;
    opacity: 0.91;
}

.footer_top {
    width: 100%;
    padding: 50px 0 58px 0;
    overflow: hidden;
}

.footer_top .footer_left ul li {
    width: 33.33%;
    float: left;
}

.footer_top .footer_left ul li h3 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 24px;
}

.footer_top .footer_left ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 42px;
    width: 100%;
    transition: all .4s;
}

.footer_top .footer_left ul li a:hover {
    color: #FFFFFF;
}

.footer_top .footer_right .tel img {
    margin-right: 19px;
}

.footer_top .footer_right .tel {
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
}

.footer_top .footer_right .text_p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 12px;
}

.footer_top .footer_right {
    width: 42%;
    float: left;
    padding-top: 0px;
    padding-left: 6%;
}

.footer_top .footer_left {
    width: 58%;
    float: left;
    border-right: 1px solid rgba(125, 125, 125, 0.42);
    padding-left: 10%;
}


/* 目录列表 */

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
}

.mun_mm {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #C1BEBE;
    ;
}

.mun_mm p {
    font-size: 16px;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
}

.mun_mm p img {
    margin: 0 15px;
}

.mun_mm p img.home {
    margin-left: 0;
}

.mun_mm p a:hover {
    color: #07234B;
}

.mun_list {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 200px;
    overflow: hidden;
}

.mun_list .mun_ul {
    width: 100%;
}

.mun_list .mun_ul ul li {
    width: 46.66%;
    float: left;
    margin-right: 3%;
    border: 1px solid #999999;
    margin-top: 20px;
}

.mun_list .mun_ul ul li:nth-child(1),
.mun_list .mun_ul ul li:nth-child(2) {
    margin-top: 0;
}

.mun_list .mun_ul ul li:nth-child(2n) {
    margin-right: 0;
}

.mun_list .mun_ul ul li .img {
    width: 91px;
    height: 60px;
    background: url(../pic/0/mun_right.png) no-repeat center center/100%;
    display: flex;
    align-items: center;
}

.mun_list .mun_ul ul li:nth-child(2n) .img {
    background: url(../pic/0/mun_left.png) no-repeat center center/100%;
}

.warp_a {
    width: 1200px;
    margin: auto;
}

.mun_list .mun_ul ul li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.mun_list .mun_ul ul li .img p {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 18px;
}

.mun_list .mun_ul ul li h3 {
    font-size: 20px;
    font-weight: 400;
    color: #666;
    width: calc(100% - 91px);
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mun_list .mun_ul ul li:nth-child(2n) a {
    flex-flow: row-reverse;
}

.mun_list .mun_ul ul li:nth-child(2n) h3 {
    text-align: right;
}

.mun_list .mun_ul ul li:nth-child(2n) .img p {
    margin-left: 45px;
}


/* 新闻列表 */

.news_conter {
    width: 100%;
    margin-bottom: 100px;
}

.news_conter .news_left {
    width: 200px;
    float: left;
    padding-top: 20px;
    margin-right: 19px;
}

.news_conter .news_left ul li {
    width: 100%;
    background: #F0F0F0;
    padding: 22px 0;
}

.news_conter .news_left ul li h3 {
    font-size: 24px;
    color: #333333;
    transition: all .3s;
    text-align: center;
    margin-bottom: 10px;
}

.news_conter .news_left ul li p {
    font-size: 16px;
    color: #666666;
    transition: all .3s;
    text-align: center;
}

.news_conter .news_left ul li:hover p,
.news_conter .news_left ul li.active p,
.news_conter .news_left ul li:hover h3,
.news_conter .news_left ul li.active h3 {
    color: #fff;
}

.news_conter .news_left ul li:hover,
.news_conter .news_left ul li.active {
    background: #192B56;
}

.news_conter .news_right {
    width: calc(100% - 219px);
    float: left;
    padding-left: 30px;
    border-left: 1px solid rgba(193, 190, 190, 1);
}

.news_conter .news_right .news_right_top {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.news_conter .news_right .news_right_top .img {
    width: 450px;
    float: left;
    overflow: hidden;
}

.news_conter .news_right .news_right_top .img img {
    width: 100%;
    transition: all .4s;
}

.news_conter .news_right .news_right_top:hover .img img {
    transform: scale(1.1);
}

.news_conter .news_right .news_right_top .text {
    width: calc(100% - 450px);
    float: left;
    padding-right: 30px;
}

.news_conter .news_right .news_right_top .text .time {
    font-size: 46px;
    font-family: AGaramondPro;
    font-weight: bold;
    color: #192B56;
    margin-bottom: 10px;
}

.news_conter .news_right .news_right_top .text h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.news_conter .news_right .news_right_top .text p {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news_conter .news_right .news_right_top .text .more {
    width: 100%;
    height: 60px;
    background: #C1BEBE;
    font-size: 24px;
    color: #192B56;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
}

.news_ul {
    width: 100%;
    margin-top: 20px;
}

.news_ul li {
    width: 100%;
    padding-bottom: 27px;
    border-bottom: 1px solid rgba(193, 190, 190, 1);
    overflow: hidden;
    margin-bottom: 30px;
}

.news_ul li:last-child {
    border-bottom: 20px solid rgba(193, 190, 190, 1);
    margin-bottom: 0px;
}

.news_ul li .data {
    width: 150px;
    height: 120px;
    background: #C1BEBE;
    float: left;
    padding-left: 40px;
}

.news_ul li .data h3 {
    font-size: 44px;
    font-family: Arial;
    font-weight: 400;
    color: #192B56;
}

.news_ul li .data p {
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #666666;
}

.news_ul li .data h4 {
    font-size: 36px;
    font-family: Arial;
    font-weight: 400;
    color: #666666;
}

.news_ul li .text {
    width: calc(100% - 150px);
    float: left;
    padding-left: 40px;
}

.news_ul li .text h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: all .4s;
}

.news_ul li:hover .text h3 {
    color: #07234B;
}

.news_ul li .text p {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.news_ul li .text p .more {
    float: right;
    display: inline-block;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}
.xiazai_ul {
    width: 100%;
    margin-top: 20px;
}
.xiazai_ul li {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(193, 190, 190, 1);
    overflow: hidden;
    margin-bottom: 10px;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.xiazai_ul li .datas{
    font-size: 24px;
    color:#333333;
    line-height: 32px;
}
.xiazai_ul li .riqis{
    font-size: 24px;
    color:#333333;
    line-height: 26px;
}


.pages {
    width: 100%;
    display: flex;
    justify-content: center;
}

.pages ul li {
    float: left;
    overflow: hidden;
}

.pages ul li a {
    width: 45px;
    height: 45px;
    border: 1px solid #C1BEBE;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 22px;
    color: #192B56;
    font-family: Arial;
    margin-right: -1px;
    transition: all .4s;
}

.pages ul li a:hover,
.pages ul li.active a {
    background: rgba(25, 43, 86, 1);
    color: #fff;
}

.pages ul li:last-child a {
    margin-right: 0;
}

.pages ul li.net a {
    border-radius: 5px 0px 0px 5px;
}

.pages ul li.per a {
    border-radius: 0px 5px 5px 0px;
}

.pages ul li.net:hover a,
.pages ul li.per:hover a {
    background: #fff;
}

.news_conter .pages {
    margin-top: 58px;
    overflow: hidden;
    display: block;
}

.news_conter .pages ul {
    width: calc(100% - 219px);
    overflow: hidden;
    float: right;
    display: flex;
    justify-content: center;
}

.ser_tuo {
    width: 100%;
    background: #F0F0F0;
    padding: 20px 0;
}

.ser_tuo .cc_server {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ser_tuo .cc_server span {
    font-size: 22px;
    color: #333333;
    margin-right: 18px;
}

.ser_tuo .cc_server .serv_form {
    width: 550px;
    height: 50px;
    background: #FFFEFE;
    overflow: hidden;
}

.ser_tuo .cc_server .serv_form .input {
    width: calc(100% - 160px);
    float: left;
}

.ser_tuo .cc_server .serv_form .input input {
    width: 100%;
    height: 50px;
    color: #999999;
    font-size: 16px;
    padding: 0 18px;
}

.ser_tuo .cc_server .serv_form .button {
    width: 160px;
    float: left;
}

.ser_tuo .cc_server .serv_form .button .layui-btn {
    background: #ffffff;
    width: 100%;
    font-size: 22px;
    color: #333333;
    height: 50px;
}
.ser_tuo .cc_server .serv_form .button .layui-btn:hover {
    background: #192B56;
    width: 100%;
    font-size: 22px;
    color: #ffffff;
    height: 50px;
}
.xskc_l {
    position: relative;
    cursor: pointer;
    margin: auto;
    display: block;
}

.xskc_l .tbf_t {
    width: 200px;
    height: 200px;
    background: red;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 200px;
    float: left;
    margin-right: 20px;
}

.vdoBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.vdoBg.vis,
.vdoBox.vis,
.banvdoBox.vis {
    visibility: visible;
    opacity: 1;
}

.vdoBox {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    max-width: 90%;
    min-width: 300px;
    width: 906px;
}

.tanXx {
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 30px;
    color: #FFF;
}

video {
    width: 100%;
    vertical-align: baseline;
}

.CC_top {
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 40px;
    overflow: hidden;
    z-index: 0;
}

.CC_top .CC_top_left {
    width: 511px;
    float: left;
}

.CC_top .CC_top_left .shipin_xs {
    width: 100%;
    height: 370px;
    position: relative;
    cursor: pointer;
}

.CC_top .CC_top_left .shipin_xs .bf_tt {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.CC_top .CC_top_left .shipin_xs .bf_tt img {
    width: 63px;
}

.CC_top .CC_top_right {
    width: calc(100% - 511px);
    float: left;
    padding-left: 97px;
}

.CC_top .CC_top_right h3 {
    font-size: 36px;
    color: #333333;
}

.CC_top .CC_top_right h5 {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 30px;
}

.CC_top .CC_top_right .text {
    font-size: 18px;
    font-weight: 400;
    color: #888888;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.CC_top .CC_top_right .more {
    width: 133px;
    height: 42px;
    border: 1px solid #BFBFBF;
    text-align: center;
    margin-top: 24px;
}

.CC_top .CC_top_right .more a {
    width: 100%;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #999;
    display: inline-block;
}
.CC_top .CC_top_right .more:hover {
    background: #07234B;
    color: #fff;
}
.CC_top .CC_top_right .more:hover a:hover{
    color: #fff;
}
.cc_contt {
    width: 100%;
    background: #F0F0F0;
    padding-top: 100px;
    padding-bottom: 75px;
    overflow: hidden;
}

.cc_contt .cc_contt_ul {
    width: 100%;
    margin-top: 60px;
}

.cc_contt .cc_contt_ul ul li {
    width: 26.75%;
    margin-right: 9.8%;
    background: #FEFDFD;
    float: left;
    margin-bottom: 38px;
}

.cc_contt .cc_contt_ul ul li .img {
    width: 100%;
}

.cc_contt .cc_contt_ul ul li .img img {
    width: 100%;
}

.cc_contt .cc_contt_ul ul li p {
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding: 14px 0;
}

.cc_contt .cc_contt_ul ul li:hover p {
    color: #192B56;
}

.cc_contt .cc_contt_ul ul li:nth-child(3n) {
    margin-right: 0;
}

.cc_contt_ul .more {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.cc_contt_ul .more a {
    width: 133px;
    height: 42px;
    border: 1px solid #999999;
    text-align: center;
    line-height: 42px;
    color: #999999;
    display: inline-block;
    margin: auto;
    transition: all .4s;
}

.cc_contt_ul .more a:hover {
    background: #07234B;
    color: #fff;
}
.cc_about_ul .more {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.cc_about_ul .more a {
    width: 133px;
    height: 42px;
    border: 1px solid #999999;
    text-align: center;
    line-height: 42px;
    color: #999999;
    display: inline-block;
    margin: auto;
    transition: all .4s;
}

.cc_about_ul .more a:hover {
    background: #07234B;
    color: #fff;
}
.cc_lccont {
    width: 100%;
    background: url(../pic/0/cc_img3.jpg) no-repeat center center/cover;
    overflow: hidden;
    padding: 100px 0 135px 0;
}

.cc_lccont .idx_title h3,
.cc_lccont .idx_title h4 {
    color: #fff;
}

.cc_lc_ul {
    width: 100%;
    margin-top: 82px;
}

.cc_lc_ul ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.cc_lc_ul ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.cc_lc_ul ul li .ccl_l {
    transition: all .4s;
}

.after {
    position: relative;
    width: 50px;
    top:-25px;
    display: inline-block;
    height: 3px;
    border-bottom: 3px solid #fff;
    transform: translateY(-50%);
}

.cc_lc_ul ul li:last-child .after {
    display: none;
}

.cc_lc_ul ul li .cc_lc_img {
    position: relative;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: all .4s;
}

.cc_lc_ul ul li .cc_lc_img span {
    font-size: 18px;
    font-family: Adobe Heiti Std;
    color: #FFFFFF;
    display: none;
}

.cc_lc_ul ul li p {
    font-size: 20px;
    font-family: Adobe Heiti Std;
    color: #FFFFFF;
    margin-top: 27px;
}
.cc_lc_uls {
    width: 100%;
    margin-top: 82px;
}
.cc_lc_uls ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.cc_lc_uls ul li{
    width: 100%;
    padding:0px 3px;
}
.cc_lc_uls ul li img{
    width: 100%;
}
.warp_b {
    width: 1475px;
    margin: auto;
}

.cc_ys_cont {
    width: 100%;
    padding: 107px 0 80px 0;
    overflow: hidden;
}

.cc_ys_cont .cc_ys_ul {
    width: 100%;
    margin-top: 60px;
}

.cc_ys_cont .cc_ys_ul li {
    width: calc( 47.8% - 75px);
    float: left;
    margin-right: 2%;
    border: 1px solid #2D317C;
    margin-top: 23px;
    /* overflow: hidden; */
    border-left: 0;
    position: relative;
    margin-left: 75px;
    height: 150px;
}

.cc_ys_cont .cc_ys_ul li:nth-child(1),
.cc_ys_cont .cc_ys_ul li:nth-child(2) {
    margin-top: 0;
}

.cc_ys_cont .cc_ys_ul li:nth-child(2n) {
    margin-right: 0;
}

.cc_ys_cont .cc_ys_ul li .img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    position: absolute;
    top: 50%;
    left: -75px;
    transform: translateY(-50%);
}

.cc_ys_cont .cc_ys_ul li:nth-child(2n) .img {
    left: auto;
    right: -75px;
}

.cc_ys_cont .cc_ys_ul li:nth-child(2n) {
    border-left: 1px solid #2D317C;
    border-right: 0;
    margin-left: 0;
    margin-right: 75px;
}

.cc_ys_cont .cc_ys_ul li .text {
    width: calc(100% - 75px);
    padding-left: 33px;
    padding-right: 49px;
    float: right;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    height: 150px;
}

.cc_ys_cont .cc_ys_ul li:nth-child(2n) .text {
    float: left;
}

.cc_ys_cont .cc_ys_ul li .text h3 {
    font-size: 24px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 8px;
}

.cc_ys_cont .cc_ys_ul li .text p {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

.cc_ys_cont .cc_ys_uls {
    width: 100%;
    margin-top: 60px;
}
.cc_ys_cont .cc_ys_uls li {
    width: calc( 47.8% - 75px);
    float: left;
    margin-right: 2%;
    margin-top: 23px;
    border-left: 0;
    position: relative;
    margin-left: 75px;
    min-height: 150px;
    box-shadow: 5px 5px 5px #CCCCCC;
}
.cc_ys_cont .cc_ys_uls li:nth-child(1),
.cc_ys_cont .cc_ys_uls li:nth-child(2) {
    margin-top: 0;
}

.cc_ys_cont .cc_ys_uls li:nth-child(2n) {
    margin-right: 0;
}
.cc_ys_cont .cc_ys_uls li .text h3 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 8px;
    text-align: center;
    padding:15px 0px;
}

.cc_ys_cont .cc_ys_uls li .text p {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    padding:20px;
}

.cc_case {
    position: relative;
    width: 100%;
    background: url('../images/ditu5.jpg') center;
    padding:107px 0px 80px 0px;
}

.cc_case .cc_case_ul {
    width: 100%;
    margin-top: 60px;
}

.cc_case .cc_case_ul .cc_case_left {
    width: 56.25%;
    float: left;
}

.cc_case .cc_case_ul .cc_case_left ul li {
    width: 31.97%;
    float: left;
    margin-right: 2%;
    margin-top: 17px;
}

.cc_case .cc_case_ul .cc_case_left ul li:nth-child(3n) {
    margin-right: 0;
}

.cc_case .cc_case_ul .cc_case_left ul li img {
    width: 100%;
}

.cc_case .cc_case_ul .cc_case_right {
    width: 43.75%;
    float: left;
}

.cc_case .cc_case_ul .cc_case_right .cc_case_tt {
    width: 40.8%;
    float: left;
    margin-top: 17px;
    margin-right: 2%;
    margin-left: 2%;
}

.cc_case .cc_case_ul .cc_case_right .cc_case_tt .img1 {
    width: 100%;
}

.cc_case .cc_case_ul .cc_case_right .cc_case_tt .img1 img {
    width: 100%;
}

.cc_case .cc_case_ul .cc_case_right .cc_case_tt .img2 {
    width: 100%;
    margin-top: 17px;
}

.cc_case .cc_case_ul .cc_case_right .cc_case_tt .img2 img {
    width: 100%;
}

.cc_case .cc_case_ul .cc_case_right .img3 {
    width: calc(100% - 47%);
    float: left;
    margin-top: 17px;
}

.cc_about {
    width: 100%;
    padding: 100px 0 80px 0;
}

.cc_about .cc_about_ul {
    width: 100%;
    box-shadow: 0px 23px 41px 10px rgba(139, 137, 138, 0.28);
    overflow: hidden;
    margin-top: 60px;
}

.cc_about .cc_about_ul ul li {
    width: 100%;
    margin-top: 30px;
}




.cc_about .cc_about_ul ul li h3 {
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 10px;
}

.cc_about .cc_about_ul ul li p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
}

.cc_about .cc_about_ul ul li p .more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 25px;
    display: inline-block;
    background: #fff;
}

.cc_about .cc_about_ul ul li:hover p .more {
    color: #192B56;
}

.cc_about .cc_about_ul ul li p .more::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    background: url(../pic/0/mor_right.png) no-repeat center center/100%;
    width: 11px;
    height: 13px;
}

.cc_about .cc_about_ul ul li:hover p .more::before {
    background: url(../pic/0/mor_rightb.png) no-repeat center center/100%;
}

.newslook
{
    width: 100%;
    min-height: 200px;
}
.newslook .newstitle
{
    width: 100%;
    line-height: 30px;
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight: 800;
    border-bottom: 1px solid #c1bebe;
}
.newslook .newsriqi
{
    width: 100%;
    line-height: 18px;
    padding-top: 20px;
    text-align: center;
    color: #888888;
    font-size: 18px;
}
.newslook .newscontent
{
    width: 100%;
    min-height: 200px;
    padding:30px 5px;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    color: #666666;
}
.newslook .newscontent table{
    margin: 0 auto;
}
.denglu
{
    width: 30%;
    margin: 0 auto;
    margin-top: 150px;
}
.denglusj
{
    width: 100px;
}
.denglumm
{
    width: 100px;
}
.fanhui
{
    cursor: pointer;
    margin-top:60px;
}
/* IE浏览器版本兼容调试 */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
     ::-ms-clear,
     ::-ms-reveal {
        display: none;
    }
}
.lcimg{
        position: absolute;
       top:15%;
        left:20%;
        width:60%;
    }

/* 放置全部hover效果 */

@media screen and (min-width: 1200px) {
    .cc_lc_ul ul li{
        position: relative;
    }
    .lcimg{
        position: absolute;
        top:15%;
        left:20%;
        width:60%;
    }
   .cc_lc_ul ul li:hover .cc_lc_img {
        transform: scale(1.2);
    }
    .cc_lc_ul ul li:hover .cc_lc_img img {
        transform: scale(0.8);
    }
    .cc_lc_ul ul li:hover .cc_lc_img span {
        display: block;
        transform: scale(0.8);
    }
    .cc_lc_ul ul li:hover .ccl_l {
        background: url(../pic/0/cc_img5.png) no-repeat center center/100%;
        transform:rotate(360deg);
    }
    .cc_lc_ul ul li:hover p {
    }
}

.banner_song{
    position: relative;
    overflow: hidden;
}
.banner_song_ul{
    width: 1000%;
     position: relative;
}
.banner_song_ul li{
    float: left;
    width: 10%;
    position: relative;
}
.maxWh_song{
    width: 100%;
}
.circle_song{
    position: absolute;
    bottom: 26px;
    bottom: 1.354%;
    bottom: 5.777%;
    text-align: center;
    width: 100%;
}
.circle_song a{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: url(../images/circle.png) no-repeat center;
    margin: 0 0.5%;
}
.circle_song a.hover{
    background: url(../images/circle-h.png) no-repeat center;
}
.newscontent_song
{
    width: 100%;
    min-height: 200px;
    padding:30px 5px;
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    color: #666666;
}
.newscontent_song table{
    margin: 0 auto;
}

.newscontent_song td{
    padding: 0px 10px;
	border-width: 1px;
	border-style: solid;
}