@font-face {
    font-family: 'iconfont';  /* project id 276054 */
    src: url('//at.alicdn.com/t/font_276054_xdj66vsx4d1b57b9.eot');
    src: url('//at.alicdn.com/t/font_276054_xdj66vsx4d1b57b9.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_276054_xdj66vsx4d1b57b9.woff') format('woff'),
    url('//at.alicdn.com/t/font_276054_xdj66vsx4d1b57b9.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_276054_xdj66vsx4d1b57b9.svg#iconfont') format('svg');
}

.job_list {
}
.process-list a{
color: #333;
}
.job_list li {
    margin-bottom: 15px;
}

.job-title1 {
    line-height: 50px;
    color: #fff;
    background: url(/skin/jobbj1.png) no-repeat 96% #4361b1;
    padding-left: 10px;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;

}

.job-title1 span {
    float: right;
    margin-right: 12%;
}

.job-content {
    display: none;
    background: #f8f8f8;
    padding: 20px;
}

.job-content h3 {
    font-weight: normal;
    font-size: 16px;
    color: #0075b9;
    line-height: 50px;
}

.job-content .textcontent {
    color: #333333;
    font-size: 14px;
    line-height: 28px;
}

.bellows__header td {
    color: #ffffff;
    font-size: 12px;
    line-height: 30px;
}

.more {
    margin-top: 80px;
    line-height: 56px;
    position: relative;
    color: #fff;
    display: block;
    width: 106px;
    cursor: pointer;
    -webkit-perspective: 150;
    -webkit-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    transition: color 1s cubic-bezier(.19, 1, .22, 1)
}

@media (max-width: 768px) {
    .more {
        float: right;
    }
}

@media (max-width: 1440px) {
    .more {
        margin-top: 60px;
    }
}

@media (max-width: 1200px) {
    .more {
        margin-top: 20px;
    }
}

.more i {
    display: block;
    padding: 0 15px;
    line-height: 56px;
    white-space: nowrap;
    position: relative;
    z-index: 3;
    -webkit-perspective: 150;
    font-style: normal;
}

.more::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #c43338;
    left: 0;
    top: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.more:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more:hover {
    color: #fff;
    -webkit-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: color .4s .4s cubic-bezier(.19, 1, .22, 1)
}

.more i::after, .more i::before {
    content: "";
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    left: 0;
    top: 0;
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #c43338;
    display: block;
    position: absolute;
    z-index: -1
}

.more i::after {
    left: 49%;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more:hover i::after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: -webkit-calc(49% - 1px);
    left: calc(49% - 1px);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.xyin-banner .swiper-pagination-fraction {
    color: #fff;
    position: absolute;
    width: auto;
    left: 14%;
    bottom: 150px;
    font-size: 43px;
    font-family: "num";
}

.xyin-banner .pc-banner img {
    width: 1920px;
}

.xyin-banner .swiper-pagination-fraction .swiper-pagination-current {
    color: #c43338;
    font-size: 43px;
}

.xyin-banner .swiper-pagination-fraction span {
    color: #fff;
    font-size: 34px;
}

.xyin-banner .swiper-button-next, .xyin-banner .swiper-button-prev {
    width: 14px;
    height: 26px;
    background-size: 14px 26px;
}

.xyin-banner .swiper-button-prev {
    left: 20%;
    bottom: 73px;
    top: auto;
    background-image: url("/skin/banner_left.png");
}

.xyin-banner .swiper-button-next {
    
    bottom: 73px;
    top: auto;
    background-image: url("/skin/banner_right.png");
}

.xyin-banner .line {
    width: 600px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 128px;
    z-index: 999;
}

.xyin-banner .swiper-slide-active .line-h {
    position: absolute;
    width: 0;
    height: 1px;
    background: #fff;
    animation: myfirst 3.3s;
    -moz-animation: myfirst 3.3s; /* Firefox */
    -webkit-animation: myfirst 3.3s; /* Safari 和 Chrome */
    -o-animation: myfirst 3.3s; /* Opera */
    animation-iteration-count: infinite;
}

@keyframes myfirst {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-o-keyframes myfirst /* Opera */
{
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/*底部*/
.f_logo {
    padding-right: 3%;
}

.xy-tonglan .text-right .xy-hotline p {
    font: 600 28px/40px "宋体";
}

@media (max-width: 1450px) {
    .xy-tonglan .text-right .xy-hotline p {
        font: 600 24px/40px "宋体";
    }
}

@media (max-width: 1200px) {
    .f_logo {
        padding-right: 10px;
    }
}

@media (max-width: 500px) {
    .xy-tl-contact {
        width: 100%;
    }

    .xy-tonglan .text-right {
        display: none !important;
    }

}


.nav-sec {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: -28px;
    z-index: 999;
    background: #fff;
    width: 180px;
}

.sec-list {
    float: left;
    background: #232323;
    min-height: 100%;
    width: 180px;
}

.sec-list a {
    display: block;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    width: 100%;
    text-align: left;
    text-indent: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("/skin/sec_arrow.png") no-repeat 120px;
}

.sec-list a:hover {
    color: #fff;
    background: url("/skin/sec_arrow_h.png") no-repeat 120px #444;;
}

.sec-img {
    float: left;
    width: 412px;
    padding: 17px 20px 35px 17px;
    background: #f2f6fa;
}

.sec-img img {
    width: 100%;
}

.sec-text {
    margin-top: 20px;
}

.sec-text p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.menu li:nth-child(4) .sec-list a {
    background: url("/skin/sec_arrow_2.png") no-repeat 30px;
}

.menu li:nth-child(4) .sec-list a:hover {
    color: #666666;
    background: url("/skin/sec_arrow_h_2.png") no-repeat 30px #fff;;
}

.menu li:nth-child(5) .sec-list a {
    background: url("/skin/sec_arrow_2.png") no-repeat 30px;
}

.menu li:nth-child(5) .sec-list a:hover {
    color: #666666;
    background: url("/skin/sec_arrow_h_2.png") no-repeat 30px #fff;;
}

.active {
    border-bottom: 2px solid #c43338;
}

.active1 {
    background: #c43338 !important;
    color: #fff !important;

}

.xypg-detail-con img{
	display: block;
	margin:0 auto;
}

.active1 + .first-nav-btn {
    background: url(/skin/xypg-left-jt.png) center no-repeat !important;
}

.cate h3 {
    font: 500 36px/46px "Microsoft YaHei";
    color: #666666;
    margin: 30px 0;
}
@media only screen and (max-width: 768px) {
.m-foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 99;
}

.m-foot ul {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    background: #000;
    padding: 4px 0;
}

.m-foot ul li {
    width: 33.333%;
    text-align: center;
}

.m-foot ul li a {
    display: block;
    height: 48px;
    color: #fff;
    font-size: 12px;
}

.m-foot ul li a .icon {
    font-size: 22px;
    display: block;
    color: #fff;
    line-height: 30px;
}

.m-foot ul li.tel a .icon {
    font-size: 20px;
}

}
@media only screen and (min-width: 860px) {
.m-foot {
  display: none;

}


}

@media(max-width: 768px){
    body{
        padding-bottom: 50px;
    }
}