* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}

*:focus {
    outline: none;
}

button, input, select, textarea, label {
    vertical-align: middle;
    border: 0;
    outline: none;
    background: none;
}


ul, ol {
    list-style: none;
}

a {
    text-decoration: none !important;
    vertical-align: baseline;
    cursor: pointer;
    -o-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

input, textarea {
    outline: none;
    -webkit-appearance: none;
}

input[type='checkbox']:focus {
    outline: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}


.flash {
    position: absolute;
    width: 90px;
    height: 100%;
    left: -145px;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-30deg);
}

.flash_css:hover .flash {
    left: 400px;
    transition: all 0.5s ease-in-out;
}


.img_toggle {
    width: 100%;
    overflow: hidden;
}

.img_toggle img {
    transition: all .5s;
    cursor: pointer;
}

.img_toggle img:hover {
    /*transform: rotateY(180deg);*/
    transform: scale(1.1, 1.1)
}

header .logo {
    width: 60%;
}

header .open_search {
    width: 22px;
}

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 8px;

}

.sp_nav span {
    display: block;
    background: #333333;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px
}

.sp_nav span:nth-of-type(2) {
    top: 10px
}

.sp_nav span:nth-of-type(3) {
    top: 20px
}

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.banner video{
    z-index: 1;
}
.banner .bannerSwiper {
    width: 100%;
    height: 100%;
}

.banner .bannerSwiper img {
    width: 100%;
    height: 5rem;
    object-fit: cover;
}

.number_introduce .con {
    position: relative;
    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #E6E6E6;
}

.number_introduce .con:last-child {
    border: none;
}

.number_introduce .con .year {

    color: #D0111B;
}

.number_introduce .con .year .counter {
    font-size: .36rem;
    font-family: Arial;
    font-weight: bold;
    margin-right: .1rem;
}

.number_introduce .con .year span {
    font-size: .24rem;
    color: #666666;
}

.number_introduce .con .text {
    font-size: .25rem;
    color: #333333;

}

.service_banner {
    height: 5.6rem;
}

.partner {
    height: auto;
    background: #F7F7F7;

}

.partner .title {
    margin-top: .8rem;
    font-size: .42rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.partner .title:after {
    content: "可信  可用  可靠的综合IT服务商";
    margin-top: .23rem;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666666;
}

.partner .con {
    background: #FFFFFF;
    width: 95%;
    margin: .4rem auto .6rem auto;
}

.partner .con .business {
    width: calc(100% / 4);
    height: 1.16rem;
    background: #FFFFFF;
    border-right: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    overflow: hidden;
}

.partner .con .business img {
    max-width: 100%;
    object-fit: cover;
}

footer {
    height: auto;
    background: #2A3139;
    padding-left: .24rem;
    padding-right: .24rem;
}

footer .foot_arrow {
    width: .1rem;
    height: .18rem;
    transform: rotate(90deg);
}

footer .foot_nav {
    padding-top: .3rem;
}

footer .foot_nav .con {
    width: 100%;
}

footer .foot_nav .con h3 {
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: .3rem;
}

footer .foot_nav .con ul {
    padding: 0;
    width: 100%;

}

footer .foot_nav .con ul li {
    width: 100%;
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: .65rem;

}

footer .ul_hidden {
    display: none;
    width: 100%;
}

footer .ul_hidden ul {
    margin-bottom: .3rem;
}

footer .click img {
    transition: all .3s;
    transform: rotate(-90deg) !important;
}

footer .ul_hidden li img {
    transform: rotate(0deg);
}

footer .foot_nav .con a {
    color: #FFFFFF;
}

footer {
    padding-bottom: .5rem;
}

footer .qr_code .code {
    width: 100%;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;

}

footer .qr_code .code img {
    margin-bottom: .22rem;
}

.line {
    width: 100%;
    height: auto;
    border-top: 1px solid #7A7A7A;
    margin: 0 auto 0 auto;
    color: #ffffff;
    padding: .5rem;
    text-align: center;
    background: #2A3139;
}

.line a {
    color: #ffffff;
}


.page_banner {
    height: 4rem;
    color: #ffffff;
}

.page_banner h3 {
    font-size: .48rem;
    margin-bottom: .2rem;
}

.page_banner p {
    font-size: .28rem;
    margin-bottom: 0;
}

.page_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_position {
    width: 95%;
    height: 1rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 23px 5px rgba(235, 235, 235, 0.75);
    border-radius: 6px;
    position: relative;
    margin: -0.5rem auto 0 auto;
}

.position_nav a {
    color: #666666;
}

.position_nav img {
    width: .31rem;
    height: .29rem;
    object-fit: cover;
    margin: 0 .16rem 0 .19rem;
}

.position_nav span:after {
    content: ">";
    font-size: 16px;
    color: #666666;
    margin: 0 10px;
}

.position_nav span:last-child:after {
    display: none;
}

.mobile_position ul {
    margin: 0;
    padding: 0;
    height: 100%;
}

.mobile_position ul li {
    padding-top: .6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-end;
    height: 100%;

}

.mobile_position ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 20px;
    color: #666666;
    transition: all .3s;
}

.text_hover a:hover {
    color: #D0111B !important;
    text-decoration: underline !important;
}

.mobile_position li:after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 50%;
    margin: 5px auto 0 auto;
}

.mobile_position .li_hover a {
    color: #D0111B;
}

.mobile_position .li_hover:after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background: #D0111B;
    border-radius: 50%;
    margin: 5px auto 0 auto;
}

.content {
    width: 7rem;
    /*padding-top: 1rem;*/
    margin: .5rem auto 0 auto;
}

.content .en {
    overflow: hidden;
    font-size: .78rem;
    font-family: Impact;
    font-weight: 400;
    color: #EAEAEA;
    right: .1rem;
    top: -.5rem;
    opacity: 0.53;
    /*animation:textMove 2s linear 0s 1 normal;*/
}

@keyframes textMove {
    from {
        width: 0;
    }
    to {
        width: 400px;
    }
}

.content .con {
    width: 100%;
    height: auto;
    background:#f6f6f6 url("../../lib/images/about_bg.png") no-repeat center bottom;
    background-size: contain;
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: .6rem;

}

.content .con .text {
    padding-bottom: 3rem;
}

.content .con p {
    text-indent: 2em;
    margin-bottom: .1rem;
}

.center_layout {
    margin-bottom: .8rem;
}

.center_layout .title {
    margin-top: .8rem;
    font-size: .48rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.center_layout .layout_swiper {
    width: 94%;
    /*padding: 0 .25rem;*/
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}


.center_layout .introduce .text .sub_data {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}

.center_layout .introduce .text .sub_data span {

    font-weight: normal;
}

.center_layout .introduce .text .sub_data:nth-child(2) {
    margin-bottom: .3rem;
}

.center_layout .text_img {
    height: 4.4rem;
    margin-top: .2rem;
}

.center_layout .introduce .text .con p {
    /* text-indent: 2em; */
    margin-bottom: 0;
    color: #666666;
}


.center_layout .tabs .item {

    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #999999;
    line-height: 36px;
}

.center_layout .tabs {
    margin: .6rem auto;
}

.center_layout .tabs .item:after {
    content: "";
    width: .16rem;
    height: .16rem;
    background: #ffffff;
    border-radius: 50%;
}

.center_layout .tabs .hover {
    color: #D0111B;
}

.center_layout .tabs .hover:after {
    content: "";
    width: .16rem;
    height: .16rem;
    background: #D0111B;
    border-radius: 50%;
}


.process {
    width: 100%;
    height: 1rem;
}

.process_Swiper {
    width: 80%;
    margin: 0 auto;
}

.process_Swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .46rem;
    font-family: Arial;
    font-weight: bold;
    color: #C6C6C6;

}


.process_Swiper .swiper-slide-active {
    color: #D0111B;
}


/*删除默认样式*/
.process .swiper-button-prev:after {
    display: none;
}

.process .swiper-button-next:after {
    display: none;
}

.process .swiper-button-next, .process .swiper-button-prev {
    top: 65%;
}

/*自定义样式*/
.process .process_Swiper-button-prev {
    width: .42rem;
    height: .41rem;
    background: url('../../lib/images/red_left_arrow.png') no-repeat;
    background-size: cover;
    bottom: 15px;
}

.process .process_Swiper-button-next {
    width: .42rem;
    height: .41rem;
    background: url('../../lib/images/red_right_arrow.png') no-repeat;
    background-size: cover;
    bottom: 15px;
}

.process .hover_prev {
    width: .42rem;
    height: .41rem;
    background: url('../../lib/images/left_arrow.png') no-repeat;
    background-size: cover;
    bottom: 15px;
}

.process .hover_next {
    width: .42rem;
    height: .41rem;
    background: url('../../lib/images/right_arrow.png') no-repeat;
    background-size: cover;
    bottom: 15px;
}

.process .swiper-button-disabled {
    opacity: 1 !important;
}

.process_news {
    padding: .5rem .2rem;
}
.process_news p{
    margin-bottom: .2rem;
}
.process_news img{
    object-fit: cover;
}
.process_news p::before {
    content: "";
    display: inline-block;
    width: .18rem;
    height: .18rem;
    background: #CCCCCC;
    border-radius: 50%;
    margin: .15rem .2rem 0 0;
}

.process_news .right {
    max-width: 6.6rem;
}
.process_news .right p{
    margin-bottom: .3rem;
}
.process_news a {
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: .5rem;
}

.process_text .swiper {
    width: 7rem;
    height: 4.4rem;
    margin: 0 auto .8rem auto;
    position: relative;
    overflow: hidden;
}


.process_text .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.process_text .swiper .swiper-pagination-bullet {
    opacity: 1;
    background: #ffffff;
}

.process_text .swiper .swiper-pagination-bullet-active {
    background: #1843AD;
}


.honor {

}

.common .title {
    font-size: .48rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #343434;
    line-height: .36rem;
    margin: .5rem auto;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.honor .news_con {
    width: 100%;
    height: auto;
    background: #F8F8F8;

}


/*删除默认样式*/
.honor .swiper-button-prev:after {
    display: none;
}

.honor .swiper-button-next:after {
    display: none;
}

/*自定义样式*/
.honor .swiper-button-prev {
    width: .51rem;
    height: .5rem;
    background: url('../../lib/images/red_left.png') no-repeat;
    background-size: cover;

}

.honor .swiper-button-next {
    width: .51rem;
    height: .5rem;
    background: url('../../lib/images/red_right.png') no-repeat;
    background-size: cover;
}

.honor .hover_prev {
    width: .51rem;
    height: .5rem;
    background: url('../../lib/images/grey_left.png') no-repeat;
    background-size: cover;
}

.honor .hover_next {
    width: .51rem;
    height: .5rem;
    background: url('../../lib/images/grey_right.png') no-repeat;
    background-size: cover;

}

.honor .swiper-button-next, .honor .swiper-button-prev {
    top: .4rem;
}

.honor .honorSwiper {
    /*padding: 0 .2rem;*/
    width: 98%;
    overflow: hidden;
    margin: 0 auto;
}

.honor .con {
    padding: .5rem 0;
    background: #F8F8F8;
}

.honor .new {
    width: 100%;
    padding: 0 .2rem;
}

.honor .new .icon {
    width: .18rem;
    height: .18rem;
    background: #CCCCCC;
    border-radius: 50%;
    margin-right: .2rem;
    margin-top: .1rem;
}

.honor .new a {
    font-size: .3rem;
    width: 6.6rem;
    color: #555555;
    margin-bottom: .4rem;
}

.honor .honorSwiper .swiper-slide h5 {
    width: 100%;
    font-size: .4rem;
    font-weight: bold;
    color: #D0111B;
    text-align: center;
    margin: 0 auto .6rem auto;
}

.honor .honorSwiper .swiper-slide h5 span {
    font-size: .26rem;
}


.qualifications .box .con {
    width: 95%;
    margin: 0 auto .2rem auto;
    border-radius: 10px;
    height: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .5rem;
}

.qualifications .box img {
    width: 1.2rem;
    object-fit: cover;
}

.qualifications .box:nth-child(1) .con {
    background: #15A7BD;
}

.qualifications .box:nth-child(2) .con {
    background: #015DA7;
}

.qualifications .box:nth-child(3) .con {
    background: #2E357C;
}

.qualifications .box:nth-child(4) .con {
    background: #DB6216;
}

.qualifications .box:nth-child(5) .con {
    background: #C7392C;
}

.qualifications .box:nth-child(6) .con {
    background: #009164;
}

footer .qr_code {
    padding-top: 20px;
}

.content .about {
    width: 95%;
    height: auto;
    margin: 0 auto .79rem auto;
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 180%;
}

.content .about .text {
    width: 100%;
    height: auto;
    margin-right: 52px;
}

.content .about .text p {
    margin-bottom: 10px;
    text-indent: 2em;
}

.data_introduce .col-6{
    margin-top: .5rem;
}
.data_introduce .icon_container {
    height: 100%;
    padding: .25rem 0;
    background: #F7F7F7;
}

.data_introduce .icon_container img {
    margin-bottom: .25rem;
    transition: all .5s;
}

.data_introduce .icon_container h5 {
    font-size: .3rem;
    line-height: 150%;
    margin-bottom: .15rem;
}

.data_introduce .icon_container p {
    margin-bottom: 0px;
    text-align: center;
    padding: 0 .2rem;
    color: #999999;
    font-size: .2rem;
}

.data_introduce .icon_container:hover img {
    transform: rotate(360deg);
}

.data_introduce .parameter .text {
    transition: all .5s;
    background: #F7F7F7;
    max-height: 180px;
    overflow: hidden;
}

.data_introduce .parameter:hover .text {
    background: #D0111B;
}

.data_introduce .parameter:hover .text h5, .data_introduce .parameter:hover .text p {
    color: #ffffff;
}

.data_introduce .parameter:hover .text p:before {
    background: #ffffff;
}

.data_introduce .parameter img {
    height: 220px;
    object-fit: cover;
}

.data_introduce .parameter .text h5 {

    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom: .1rem;
}

.data_introduce .parameter .text p {
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-bottom: 0;
    padding-left: 17px;
    line-height: .65rem;
    position: relative;
}

.data_introduce .parameter .text p:before {
    content: "";
    position: absolute;
    width: 10px;
    left: 0;
    top: 13px;
    height: 10px;
    background: #cccccc;
    border-radius: 50%;
    display: inline-block;
}

.data_introduce .fire_fighting {
    height: auto;
    background: #F7F7F7;
}
/* .data_introduce .fire_fighting p:nth-last-child(-n+2){
    margin-bottom: 0;
} */
.data_introduce .fire_fighting p{
    display: inline-block;
    width: 100%;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    margin-bottom: 0.4rem;
    color: #666666;
}
.data_introduce .fire_fighting p:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #999999;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

.data_introduce .fire_fighting .item:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #999999;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

.data_introduce .fire_fighting .item a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 42px;
}
.fire_pic{
    width: 100%;
}
.fire_pic .w-22 {
    width: 45%;
}

.fire_pic img {
    width: 100%;
    height: 335px;
}

.facilities {
    height: auto;
    /*background: #F7F7F7;*/
}

.facilities .fa_title {
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    /*line-height: 48px;*/
    /*margin-bottom: 30px;*/
}

.facilities .fa_title span {
    color: #D0111B;
    font-size: .36rem;
}

.facilities .fa_icon {
    min-width: 100%;
    margin: .2rem auto;
}
.facilities .fa_icon .box{
    margin: .1rem auto;
}
.facilities .fa_icon .box img {
    margin-right: 10px;
}

.fa_pic {
    margin-top: 40px;
    margin-bottom: 85px;
}

.fa_pic .w-20 {
    width: 20%;
    float: left;
}

.fa_pic .w-20 img {
    height: 210px;
}

.news {
    margin-top: 90px;
}

.news .left .hot .hot_img {
    width: 420px;
    height: 240px;
}

.news .left .l_text {
    margin-left: 24px;
    height: 240px;
}

.news .left .l_text .hot_title a {
    max-width: 550px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #D0111B;
    line-height: 36px;
}

.news .left .l_text .time {
    margin: 10px 0;
    font-size: 16px;
    font-family: Arial;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
}

.news .left .l_text .desc {
    width: 538px;
    padding-right: 10px;
    height: 77px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}

.news .left .l_text .time img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

.news .left .l_text .more {
    margin-top: 15px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ABABAB;
    line-height: 30px;
}

.news .left .l_text .more a {

    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ABABAB;
    line-height: 30px;
}

.news .left .l_text .more a:hover {
    color: #D0111B;
}

.news .left .l_text .more img {
    width: 32px;
    height: 31px;
    margin-left: 8px;
}

.news .news_box {
    padding: 20px 15px;
    width: 480px;
    height: 480px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(223, 223, 223, 0.4);
}

.news .news_box .item:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #E2E2E2;
    border-radius: 50%;
    display: inline-block;
    margin-right: 9px;
}

.news .list {
    margin-top: 35px;
    margin-bottom: 75px;
}

.news .list .news_box:first-child {
    margin-right: 10px;
}

.news .news_box .item {
    width: 100%;
    height: 44px;
}

.news .news_box .item a {

    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 44px;
}

.news .news_box .item_time {
    width: 74px;

    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #999999;
    line-height: 44px;

}

.news .news_box .item a:hover {
    color: #D0111B;
}

.news .right {
    width: calc(100% - 480px * 2);

}

.news .right .page_search {
    width: auto;
    height: 70px;
    background: #F7F7F7;
    border-radius: 3px 0px 0px 0px;

}

.news .right .page_search input {
    max-width: 180px;
}

.news .right .right_news_box {
    width: auto;
    height: 685px;
    padding: 0 20px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(223, 223, 223, 0.4);
}

.news .right .right_news_box .r_item {
    border-bottom: 1px dashed #999999;
    padding: 10px 0;
}

.news .right .right_news_box .r_item a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;

}

.news .right .right_news_box .r_item a:hover {
    color: #D0111B;
}

.news .right .right_news_box .r_item .time {
    color: #999999;
    font-size: 16px;
}

.news .right .right_news_box .r_item:last-child {
    border: none;
}

.pager {
    margin-bottom: 75px;
}

.pager a {
    width: 43px;
    height: 43px;
    display: block;
    background: #E8E8E8;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;

}

.pager .home, .pager .end, .pager .prev, .pager .next {
    width: 62px;
    height: 43px;
}

.pager .hover {

    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;

    background: #D0111B;
}

.right_contact {
    position: fixed;
    z-index: 99;
    right: 8px;
    top: 35%;
}

.right_contact .con {
    position: relative;
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 5px;
}

.right_contact .con .hover_show {
    position: absolute;
    right: 75px;
    top: 10px;
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    display: none;
}

.right_contact .con .hover_show .text {
    top: 0;
    width: 95%;
    text-align: center;
    line-height: 44px;
}

.right_contact .con img {
    margin-bottom: 10px;
}

.right_contact .con a {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;

}

.right_contact .pic_hover {
    display: none;
}

.right_contact .con:hover {
    background: #D0111B;
}

.right_contact .con:hover a {
    color: #ffffff;
}

.right_contact .con:hover .pic_hover {
    display: block;
}

.right_contact .con:hover .pic_normal {
    display: none;
}

.right_contact .con:hover .hover_show {
    display: block;
}

.contact_form {
    flex: 1;
    height: auto;

}

.verify_input {
    width: 4.2rem !important;
    margin: 0 .22rem 0 0 !important;
}

.contact_form .item {
    width: 7rem;
    margin: 0 auto .39rem auto;
    padding: 0 .2rem;
    height: 1.2rem;
    background: #F8F8F8;
    font-size: .3rem;
    color: #666666;
}

.contact_form .item input {
    max-width: 5rem;
    margin-left: 10px;
}

.leave_message {
    margin-bottom: .5rem;
}

.leave_message .left {
    width: 7rem;
    height: 3.6rem;
    margin: 0 auto .41rem auto;
    overflow: hidden;
}

.contact_form .verify {
    width: 2.6rem;
    height: 1.2rem;
    /*margin-left: .22rem;*/
}

.contact_form .btn {
    width: 4.8rem;
    height: 1.2rem;
    background: #D0111B;
    border-radius: 3px;

    margin: .4rem auto 0 auto;
    font-size: .32rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;

}
.contact_form .btn:hover{
    background: #D0111B;
    color: #FFFFFF;
}
.contact_form {
    margin: 0 auto;
}

.map {
    margin-bottom: 120px;
}

.map .left {
    margin: .6rem auto;
    height: auto;
    color: #333333;
}

.map .left h5 {
    font-size: .36rem;
    margin-bottom: 10px;

}

.map .left p {
    margin-bottom: 10px;
    font-size: .3rem;
}

.map .right {
    width: 7rem;
}

.email_phone {
    /*margin-bottom: 80px;*/
    margin: -1.5rem auto .6rem auto;
}

.email_phone .title {
    font-size: .48rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: .44rem;
    margin-bottom: .5rem;
}

.email_phone .con {
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: .44rem;
    padding: 0 .2rem;
}

.email_phone .con img {
    margin-right: .2rem;
}

.job_list {
    margin: .6rem auto .6rem auto !important;
    overflow: hidden;
}

.job_list .item {
    width: 7rem;
    background: #F8F8F8;
    margin: 0 auto;
    padding: .4rem .2rem;
    overflow: hidden;
}

.job_list .item .title {
    font-size: .3rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .15rem;
}

.job_list .item .title .name {
    position: relative;
    padding-left: .2rem;
}

.job_list .item .title .name:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    left: 0;
    top: .05rem;
    height: 20px;
    background: #D0111B;
    border-radius: 3px;
    /*margin-right: .13rem;*/
    /*margin-top: .08rem;*/
}

.job_list .item .desc {
    font-size: .24rem;
    color: #666666;
    margin-top: .2rem;
    overflow: hidden;
}

.job_list .item .desc p {
    margin-bottom: .1rem;
}

.job_list .more {
    margin-top: .4rem;
    float: right;
    width: 1.6rem;
    height: .64rem;
    background: #D0111B;
    border-radius: 3px;
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FEFEFE;

}

.job_list .more a {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.job_list .more a:hover {
    color: #ffffff;
}

.jobSwiper {
    width: 95%;
    margin: .6rem auto 0 auto;
}

.jobSwiper .swiper-slide {
    height: 1.4rem;
    background: #F8F8F8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jobSwiper .swiper-slide p {
    margin-bottom: .15rem;
    font-size: .3rem;
    font-weight: 400;
    color: #666666;
}

.jobSwiper .swiper-slide p:last-child {
    margin-bottom: 0;
}

.jobSwiper .swiper-slide-active {
    height: 1.4rem;
    background: #D0111B;
    color: #ffffff;
}

.jobSwiper .swiper-slide-active p {
    color: #ffffff;
}

/*删除默认样式*/
.jobSwiper .swiper-button-prev:after {
    display: none;
    position: absolute;
}

.jobSwiper .swiper-button-next:after {
    display: none;
    position: absolute;
}

/*自定义样式*/
.jobSwiper .job-swiper-button-prev {
    width: .27rem;
    height: .45rem;
    top: 60%;
    left: .2rem;
    background: url('../../lib/images/c_left_arrow.png') no-repeat;
    background-size: cover;
}

.jobSwiper .job-swiper-button-next {
    width: .27rem;
    height: .45rem;
    top: 60%;
    right: .2rem;

    background: url('../../lib/images/c_right_arrow.png') no-repeat;
    background-size: cover;

}

.pro_container {
    margin: .5rem auto;
}

.pro {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
}

.pro .text {
    width: 4.4rem;
    height: 3.6rem;
    background: #0F44A0;
    opacity: 0.9;
    position: absolute;
    z-index: 55;
    top: .8rem;
}

.pro:nth-child(even) .text {
    left: 0;
}

.pro:nth-child(odd) .text {
    right: 0;
}

.pro .text .cn {

    position: absolute;
    padding: .3rem .7rem;
    overflow: hidden;
    z-index: 2;
    font-family: Microsoft YaHei;
    color: #FFFFFF;

}

.pro .text .cn h5 {
    font-size: .32rem;
    font-weight: 400;
}

.pro .text .cn p {
    font-size: .28rem;
    margin-bottom: .15rem;

}

.pro .text .cn p:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;

}

.pro .text .bg {
    position: absolute;
    z-index: 1;
    width: 4.4rem;
    height: 3.6rem;
    background: #0F44A0;
    opacity: 0.9;
}

.nav_search img:first-child {
    margin-right: .2rem;
}

.fix_header {
    overflow-y: hidden;
}

.sjj_nav {
    position: fixed;
    z-index: 99;
    background: #eee;
    width: 100%;
    height: calc(100% - 90px);
    font-size: 16px;
    line-height: 50px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 90px
}

.sjj_nav ul {
    padding-left: 0 !important;
}

.sjj_nav > ul > li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav > ul > li:first-child > a {
    float: left;
    width: calc(100% - 70px)
}

.sjj_nav > ul > li:first-child .language {
    float: right;
    width: 70px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 5px
}

.sjj_nav > ul > li:first-child .language a {
    width: 35px;
    float: left;
    border-left: 1px #ddd solid;
    text-align: center;
    color: #999;
}

.sjj_nav ul li i {
    position: absolute;
    right: 0px;
    border-left: 1px #ddd solid;
    padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 1px #ddd solid;
    padding-left: 20px;
    position: relative;
    line-height: 50px;
    font-size: 16px
}

.sjj_nav > ul > li:last-child {
    border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
    width: 80%
}

.sjj_nav ul li ul li a {
    color: #999;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #E8464F
}

.sjj_nav ul li ul li > ul {
    margin-left: 10px
}

.search_none {
    display: none;
}

.search {
    width: 373px;
    height: 52px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.search input {
    width: 302px;
    height: 50px;
    border: 1px solid #C9C9C9;
    border-right: none;
}

.search button {
    width: 70px;
    height: 50px;
    text-align: center;
    background: #D0111B;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
}
.mobile_page{
    margin-bottom: .5rem;
}
.mobile_page a {
    width: 1.5rem;
    height: .8rem;
    border: 1px solid #999999;
    font-size: .26rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: .1rem;
    color:#999999;
}

.mobile_page .hover {
    background: #D0111B;
    color: #ffffff;
}