.wrap {
    margin-top: 80px;
}

.fluidwidth .swiper-imagesize {
    width: 100%;
    overflow: hidden;
}

.fluidwidth .swiper-wrapper {
    width: 100%;
    height: 330px;
    overflow: hidden;
}

.fluidwidth .swiper-pagination-bullet-active {
    background-color: #A0100F;
}

.fluidwidth .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper2-container {
    width: 100%;
    height: auto;
}

.container {
    margin: 0 auto;
}


/* 服务矩阵 */

.content {
    margin: auto;
}
.bge{
    background-color: rgb(248, 248, 248);
    padding: 20px 0;
}
#div2{
    width: 1100px;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin: auto;
    margin-top: 26px;
    margin-bottom: 30px;
    padding: 0px 33px;
}

.firstservice{
    display: inline-flex;
    padding: 15px 0 25px 0;
    width: 180px;
    text-align: center;
    background-color: #fff;
    margin-right:30px ;
}
.firstservice a {
    display: block;
    width: 100%;
    text-align: center;
}
.firstservice img{
    width: 60px;
    height: auto;
}
.servicetext{
    display: block;
    margin: 30px 0 20px 0 ;
}
.firstservice .rightIcon{
    position: relative;
    height: 60px;
}
.firstservice .rIcon{
    position: absolute;
    left: 35%;
}

.firstservice .redIcon {
    opacity: 0;
}

.firstservice:hover .whiteIcon {
    opacity: 0;
}
.firstservice:hover .redIcon  {
    opacity: 1;
}
.firstservice:hover .servicetext{
    font-weight: 900;
    color: #0A246A;
}
.prehover{
    position: absolute;
    top: 40%;
    left: 0px;
    background: url(/images/prev_blank2.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.prehover:hover{
    background: url("../images/next_blank1.png") no-repeat;
}
.afterhover{
    position: absolute;
    top: 40%;
    right: 0px;
    background: url(/images/prev_blank.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
.afterhover:hover{
    background: url("../images/next_blank2.png") no-repeat;
}
/* 服务矩阵 */

.container h4,
.userList h4 {
    margin: 20px 0;
    font-size: 28px;
    padding-left: 5%;
    color: black;
}

.content .index-service .index-service-jz {
    margin: 10px 1%;
    text-align: center;
}

.content .index-service .index-service-jz li {
    display: inline-flex;
    width: 18%;
    margin: auto;
    margin-bottom: 20px;
}

.content .index-service .index-service-jz li a {
    display: inline-table;
    width: 100%;
    text-align: center;
}

.content .index-service .index-service-jz li a .index-service-jz-des {
    width: 80%;
    height: 80%;
    font-size: 20px;
    color: black;
    margin: 15px auto;
}

.content .index-service .index-service-jz li a .index-service-jz-img {
    width: 100px;
    height: 100px;
    border: 5px solid #1296db;
    border-radius: 100%;
    margin: auto;
    position: relative;
}

.content .index-service .index-service-jz li a img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 28px;
    left: 26px;
}
.index-service-jz-img .ishow{
    opacity: 0;
}
.index-service-jz-img .opshow{
    opacity: 1;
}

.content .index-service .index-service-jz li :hover .index-service-jz-img{
    border: 5px solid #00489d;
}
.content .index-service .index-service-jz li :hover .index-service-jz-img .ishow{
     opacity: 1;
 }

.content .index-service .index-service-jz li :hover .index-service-jz-img .opshow{
    opacity: 0;
    border: 1px solid #000;
}
.firsttd{
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;

}
.inline li{
    display: inline-flex;
}

.current {
    background-color: #005197 !important;
    color: #fff !important;
    border: none !important;
}
.constitutionCX  table tbody tr .whiteIcon {
    opacity: 1;
}

.constitutionCX  table tbody tr .redIcon {
    opacity: 0;
}
.constitutionCX  table tbody tr:hover .whiteIcon{
    opacity: 0;
    display: none;
}

.constitutionCX  table tbody tr:hover .redIcon {
    opacity: 1;
}

/* 最新资讯 */

.news {
    padding-top: 15px;
    height: 550px;
    width: 100%;
}

.news .index-news {
    margin: 10px auto;
    padding: 0 8%;
}

.news .index-news .left {
    width: 50%;
    float: left;
    height: 400px;
    overflow: hidden;
}
.news .index-news .left img{
    width: 100%;
    height: 100%;
}

.news .index-news .right {
    width: 48%;
    float: right;
    height: 400px;
}
.news .index-news .right .newList{
    overflow: hidden;
    padding: 10px 1rem;
    width: 100%;
    transition: all .5s ease;
}
.new-info {
    position: relative;
    margin: 4.5px 0;
}
.new-info:hover .time{
    background: #00489d;
    color: #fff;
}
.new-info:hover .time .month-day{
    color: #fff;
}

.new-info .time .year {
    font-size: 23px;
    font-weight: 900;
}

.new-info .time .month-day {
    display: block;
    color: #707070;
    text-align: center;
}
.new-info .time{

    padding: 8px;
    background: #f5f5f5;
    border-radius: 7px 5px;
    color: #00489d;
}

.new-info {
    display: inline-flex;
    width: 95%;

}

.new-info .jilu {
    width: 75%;
    padding-left: 15px;
    align-items: center;
    display: inline-flex;
    border-bottom:2px solid #eee ;
}

.new-info .jilu a {

    color: black;
    display: flex;
    flex: 1;
    align-items: center;
    }

.new-info .jilu a .textshow{
    display: block;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.new-info .jilu .showcontent{
    display: block;
    margin-left: 12px;
    line-height: 22px;
    margin-top: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.new-info .rightIcon {
    position: absolute;
    top: 60%;
    right: 0px;
    transform: translateY(-50%);
    width: 50px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
}
.new-info .redIcon {
    opacity: 0;
}
.new-info .rIcon {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: auto;
    height: 98%;
    transition: all .5s ease;
}
.new-info:hover .whiteIcon {
    opacity: 0;
}
.new-info:hover .redIcon  {
    opacity: 1;
}

    /*培训*/
.train {
    padding-top: 15px;
    height: 550px;
    width: 100%;
}

.train .index-news {
    margin: 10px auto;
    padding: 0 8%;
}

.train .index-news .left {
    width: 50%;
    float: left;
    height: 450px;
    overflow: hidden;
}
.train .index-news .right img{
    width: 100%;
    height: 100%;
}

.train .index-news .right {
    width: 48%;
    float: right;
    height: 400px;
}
.train .index-news .right .newList{
    overflow: hidden;
    padding: 10px 1rem;
    width: 100%;
    transition: all .5s ease;
}
.train .new-info {
    position: relative;
    margin: 8px 0;
}
.train .new-info:hover .train .new-info .time{
    background: #00489d;
    color: #fff;
}
.train .new-info:hover .train .new-info .time .month-day{
    color: #fff;
}

.train .new-info .time .year {
    font-size: 23px;
    font-weight: 900;
}

.train .new-info .time .month-day {
    display: block;
    color: #707070;
    text-align: center;
}
.train .new-info .time{

    padding: 8px;
    background: #f5f5f5;
    border-radius: 7px 5px;
    color: #00489d;
}

.train .new-info {
    display: inline-flex;
    width: 95%;

}

.train .new-info .jilu {
    width: 95%;
    padding: 12px 0px 12px 15px;
    align-items: center;
    border-bottom:2px solid #eee ;
}
.train .new-info .jilu:hover a {
    color: #00489d;
    font-weight: 800;
}
.train .new-info .jilu:hover span{
    color: #00489d;
    font-weight: 800;
}
.train .new-info .jilu a{
    display: block;
    width: 78%;
    float: left;
}
.train-right{
    float: right;

}
.train .new-info .jilu a {

    color: black;
    display: flex;
    flex: 1;
    align-items: center;
}

.train .new-info .jilu a .textshow{
    display: block;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.train .new-info .jilu .showcontent{
    display: block;
    margin-left: 12px;
    line-height: 22px;
    margin-top: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.train .new-info .rightIcon {
    position: absolute;
    top: 60%;
    right: 0px;
    transform: translateY(-50%);
    width: 50px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
}
.train .new-info .redIcon {
    opacity: 0;
}
.train .new-info .rIcon {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: auto;
    height: 98%;
    transition: all .5s ease;
}
.train .new-info:hover .whiteIcon {
    opacity: 0;
}
.train .new-info:hover .redIcon  {
    opacity: 1;
}

    /* 关于我们 */

.con form label {
    display: inline-block;
    width: 77px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.con form input[type=text] {
    width: 508px;
    height: 35px;
    border: 1px solid #d5d5d5;
    font-family: 'microsoft yahei';
    text-indent: 10px;
}

.con form textarea {
    width: 508px;
    text-indent: 10px;
    height: 60px;
    border: 1px solid #d5d5d5;
    line-height: 24px;
    font-size: 14px;
    color: #555;
    font-family: 'microsoft yahei';
}

.con form p {
    margin-bottom: 19px;
    width: 100%;
}

.con form input[type=submit] {
    border: none;
    width: 140px;
    height: 41px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-family: 'microsoft yahei';
    margin-left: 77px;
    background: #005197;
}


/* 资质荣誉 */

.wrap .search {
    float: right;
    height: 44px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.wrap .search input[type=text] {
    float: left;
    width: 260px;
    border: none;
    height: 40px;
    line-height: 40px;
    text-indent: 1em;
    font-family: 'microsoft yahei';
    font-size: 14px;
    border: 1px solid #d6d6d6;
    margin-left: 18px;
}

.wrap .search input[type=submit] {
    background: url(../images/bbabg.png) no-repeat center center;
    width: 40px;
    height: 40px;
    border: 1px solid #d6d6d6;
    border-left: none;
}


/* #footer */

.clearfix {
    clear: both;
}

.footer-wrap {
    margin-top: 30px;
    width: 100%;
    height: auto;
    min-width: 1246px;
    background-color: #2c2f34;
}

.footer-content {
    width: 90%;
    margin: auto;
}

.footer-content h4 {
    padding: 15px 0 10px 0;
    color: white;
    font-size: 16px;
    padding-left: 4%;
}

.footer-content .footer-friend {
    padding-left: 2%;
    text-align: center;
}

.footer-content .footer-friend ul li {
    font-size: 14px;
    width: 23%;
    margin: 5px 0;
    display: inline-flex;
    align-items: flex-end;
}

.footer-content .footer-friend ul li a:hover {
    color: white;
}

.footer-info {
    width: 89%;
    margin: 20px auto 30px auto;
}

.footer-info .footer-left {
    width: 40%;
    float: left;
}

.footer-info .footer-left li {
    margin: 8px 0;
}

.footer-info .footer-right {
    width: 50%;
    float: right;
}

.footer-info .footer-right .footer-right-qrcode {
    text-align: center;
    width: 20%;
    margin: 0 2%;
    display: inline-table;
}

.footer-info .footer-right .footer-right-qrcode img {
    margin-bottom: 15px;
}

.foot_bot {
    margin-top: 10px;
    border-top: 1px solid #3f3d3d;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
}

@media (min-width: 1400px) {
    .container {
        width: 1200px;
    }
}

@media (min-width: 1200px)and (max-width: 1400px) {
    .container {
        width: 1200px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 768px and (max-width: 992px) {
    .container {
        width: 750px;
    }
}