@charset 'utf-8';

body {
    font-family: "微软雅黑", Arial;
    background: #fff
}

.scale_img dl dt img,
.scale_img li img {
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s
}@charset 'utf-8';

body {
    font-family: "微软雅黑", Arial;
    background: #fff
}

.scale_img dl dt img,
.scale_img li img {
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s
}

.scale_img dl:hover dt img,
.scale_img li:hover img {
    -webkit-transform: scale(1.05) rotate(0) translateY(0);
    -ms-transform: scale(1.05) rotate(0) translateY(0);
    transform: scale(1.05) rotate(0) translateY(0)
}


h2.main_title a {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 44px
}

h2.main_title a:after {
    position: absolute;
    content: "";
    width: 46px;
    height: 4px;
    background: #ccc;
    bottom: 0;
    left: 50%;
    margin-left: -23px
}

h2.main_title strong {
    display: block;
    font-size: 38px;
    line-height: 100%;
    color: #4d4d4d;
    letter-spacing: 1px
}

h2.main_title span {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: grey;
    font-weight: 400;
    margin-top: 12px
}

h2.main_title1 a {
    text-align: left
}

h2.main_title1 a:after {
    position: absolute;
    content: "";
    width: 46px;
    height: 4px;
    background: #626262;
    left: 0;
    bottom: 0;
    margin-left: 0
}

h2.main_title1 strong {
    color: #fff
}

h2.main_title1 span {
    color: #999
}

.fullSlide {
    position: relative;
    z-index: 1;
    clear: both;
    width: 100%
}

.fullSlide .tempWrap {
    margin: 0 auto
}

.fullSlide .bd {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto
}

.fullSlide .bd .li img {
    display: block;
    width: 100%;
    height: auto !important
}

.fullSlide .hd {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 2px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    font-size: 0
}

.fullSlide .hd li {
    display: inline-block;
    width: 43px;
    height: 2px;
    background: rgba(67, 67, 67, .5);
    margin: 0 4px;
    opacity: 1;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.fullSlide .hd li.on {
    background: rgba(255, 255, 255, .5)
}

.fullSlide p {
    position: absolute;
    top: 50%;
    z-index: 99;
    opacity: 1;
    text-align: center;
    margin-top: -26px;
    width: 53px;
    height: 53px;
    background: rgba(27, 27, 27, .3);
    cursor: pointer
}

.fullSlide .prev2 {
    left: 0
}

.fullSlide .next2 {
    right: 0
}

.intro {
    background: url(../images/intro_bg.png) no-repeat center 364px;
    padding-top: 55px;
    padding-bottom: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro_con {
    width: 760px;
    padding-top: 36px
}

.intro_con h2 a {
    display: block;
    padding-bottom: 24px;
    position: relative;
}

.intro_con h2 a:after {
    position: absolute;
    content: "";
    width: 46px;
    height: 4px;
    background: #ccc;
    left: 0;
    bottom: 0
}

.intro_con h2 strong {
    display: block;
    font-size: 38px;
    line-height: 100%;
    color: #4d4d4d
}

.intro_con h2 span {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: grey;
    font-weight: 400;
    margin-top: 12px
}

.intro_con p {
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-top: 26px;
}

.intro_pic {
    width: 386px;
    padding-top: 46px;
    padding-right: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/intro_pic_bg.png) no-repeat right top;
    margin-right: -18px;
    line-height: 0;
    position: relative
}
.intro_pic span{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 320px;
    height: 40px;
    background: rgba(0,0,0,.5);
    color: #fff;

    line-height: 40px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
}


.intro ul {
    clear: both;
    height: 1px;
    order-top: 1px solid #e5e5e5; */
    /* border-bottom: 1px solid #e5e5e5; */
    /* margin-top: 52px; */
    /* padding-top: 36px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro li {
    float: left;
}

.intro li em {
    display: block
}

.intro li i {
    display: inline-block;
    font-size: 48px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1
}

.intro li sup {
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    color: #4d4d4d;
    vertical-align: 22px;
    margin-left: 8px
}

.intro li span {
    display: block;
    font-size: 15px;
    line-height: 100%;
    color: #4d4d4d;
    text-align: center;
    margin-top: 8px
}

.intro li:nth-child(2) sup,
.intro li:nth-child(3) sup {
    font-weight: 700;
    margin-left: 5px
}

.intro li:first-child,
.intro li:nth-child(2) {
    margin-right: 200px;
}

.intro li:last-child {
    float: right;
}

.engineer {
    background: url(../images/engineer_bg.jpg) no-repeat center top;
    height: 893px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 80px;
    overflow: hidden
}

.engineer .content {
    width: 1400px
}

.engineer h2 {
    margin-left: 100px;
    margin-bottom: 70px
}

.engineer_con {
    height: 434px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 100px
}

.engineer_con dd {
    width: 540px;
    float: left
}

.engineer_con dd i {
    display: block;
    font-size: 38px;
    font-family: ONEAN;
    font-weight: 700;
    color: #0c3f87;
    line-height: 38px
}

.engineer_con dd h3 {
    font-size: 28px;
    line-height: 100%;
    color: #1a1a1a;
    font-weight: 400;
    margin: 10px 0 27px
}

.engineer_con dd p {
    font-size: 15px;
    line-height: 30px;
    color: grey
}

.engineer_con dd span {
    display: block;
    width: 153px;
    height: 48px;
    border: 1px solid #a29999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    color: #a29999;
    text-align: center;
    font-family: Arial;
    margin-top: 38px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.engineer_con dd span:hover {
    letter-spacing: 1px
}

.engineer_con dt {
    width: 603px;
    height: 424px;
    position: relative;
    line-height: 0;
    margin-top: -128px;
    float: right;
    background: #fff
}

.engineer_con dt ul.slides {
    width: 603px;
    height: 424px;
    overflow: hidden
}

.engineer_con dt ul.slides li {
    width: 603px;
    height: 424px
}

.engineer_con dt ul.slides img {
    width: 603px;
    height: 424px
}

.engineer_con dt ul.slides_nav {
    position: absolute;
    left: 18px;
    bottom: 16px
}

.engineer_con dt ul.slides_nav li {
    width: 20px;
    height: 2px;
    background: #fff;
    opacity: .5;
    float: left;
    margin-right: 5px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.engineer_con dt ul.slides_nav li.on {
    opacity: 1
}

.engineer_con dt .qr {
    width: 87px;
    height: 87px;
    background: #fff;
    padding-top: 12px;
    padding-left: 12px;
    position: absolute;
    right: 0;
    top: 300px
}

.engineer_con dt .qr img {
    width: 87px;
    height: 87px
}

.engineer_nav {
    height: 87px;
    background: #0c3f87;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.engineer_nav li {
    width: 175px;
    height: 87px;
    display: inline-block;
    font-size: 14px;
    line-height: 87px;
    color: #fff;
    text-align: center;
    position: relative;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}


.engineer_nav li:before {
    position: absolute;
    content: "";
    border-width: 12px 11px;
    border-style: solid;
    border-color: #0000 #0000 #071e3e #0000;
    left: 50%;
    margin-left: -11px;
    opacity: 0;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    top: -12px
}

.engineer_nav li.on,
.engineer_nav li:hover {
    background: #071e3e;
    font-weight: 700;
    color: #fff
}

.engineer_nav li.on:before,
.engineer_nav li:hover:before {
    top: -21px;
    opacity: 1
}




.fadeInRight1 {
    -webkit-animation-name: fadeInRight1;
    animation-name: fadeInRight1
}

@-webkit-keyframes fadeInRight2 {
    from {
        -webkit-transform: translate3d(3%, 0, 0);
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInRight2 {
    from {
        -webkit-transform: translate3d(3%, 0, 0);
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes zoomLeft {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomLeft {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.zoomLeft {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

.zoomRight {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

@-webkit-keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }
}

.zoomIn1 {
    -webkit-animation-name: zoomIn1;
    animation-name: zoomIn1
}

@-webkit-keyframes fadeInUp1 {
    from {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp1 {
    from {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp1 {
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1
}

@-webkit-keyframes fadeInUp2 {
    from {
        -webkit-transform: translate3d(0, 2%, 0);
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp2 {
    from {
        -webkit-transform: translate3d(0, 2%, 0);
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-moz-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-webkit-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-o-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}