.c0 {

    color: #000

}



.c1 {

    color: #111

}



.c2 {

    color: #222

}



.c3 {

    color: #333

}



.c4 {

    color: #444

}



.c5 {

    color: #555

}



.c6 {

    color: #666

}



.c7 {

    color: #777

}



.c8 {

    color: #888

}



.c9 {

    color: #999

}



.ca {

    color: #aaa

}



.cb {

    clear: both

}



.cc {

    color: #f08118

}



.cd {

    color: #ddd

}



.ce {

    color: #eee

}



.cf {

    /* color: #fff */

}



.bc0 {

    background-color: #000

}



.bcf {

    background-color: #fff

}



.bcc {

    background-color: #f08118

}



.boc {

    border-color: #f08118

}



.bn {

    border: none

}



.bor {

    border: 1px solid #bbb

}



.bt {

    border-top: 1px solid #bbb

}



.bl {

    border-left: 1px solid #bbb

}



.br {

    border-right: 1px solid #bbb

}



.f0 {

    font-size: 0

}



.f12 {

    font-size: 12px

}



.f13 {

    font-size: 13px

}



.f14 {

    font-size: 16px

}



@media (max-width:640px) {

    .f14 {

        font-size: 13px

    }

}



.f15 {

    font-size: 15px

}



@media (max-width:640px) {

    .f15 {

        font-size: 1rem

    }

}



.f16 {

    font-size: .8rem

}



@media (max-width:768px) {

    .f16 {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .f16 {

        font-size: 1rem

    }

}



.f17 {

    font-size: .85rem

}



@media (max-width:768px) {

    .f17 {

        font-size: .94444444rem

    }

}



@media (max-width:640px) {

    .f17 {

        font-size: 1.0625rem

    }

}



.f18 {

    font-size: .9rem

}



@media (max-width:768px) {

    .f18 {

        font-size: .94444444rem

    }

}



.f19 {

    font-size: .95rem

}



.f20 {

    font-size: 1rem

}



.f21 {

    font-size: 1.05rem

}



@media (max-width:768px) {

    .f21 {

        font-size: 1rem

    }

}



.f22 {

    font-size: 1.1rem

}



@media (max-width:768px) {

    .f22 {

        font-size: 1.04761905rem

    }

}



.f23 {

    font-size: 1.15rem

}



@media (max-width:768px) {

    .f23 {

        font-size: 1.04545455rem

    }

}



.f24 {

    font-size: 1.2rem

}



@media (max-width:768px) {

    .f24 {

        font-size: 1.09090909rem

    }

}



.f25 {

    font-size: 1.25rem

}



@media (max-width:768px) {

    .f25 {

        font-size: 1.08695652rem

    }

}



.f26 {

    font-size: 1.3rem

}



@media (max-width:768px) {

    .f26 {

        font-size: 1.13043478rem

    }

}



.f27 {

    font-size: 1.35rem

}



@media (max-width:768px) {

    .f27 {

        font-size: 1.125rem

    }

}



.f28 {

    font-size: 1.4rem

}



@media (max-width:768px) {

    .f28 {

        font-size: 1.16666667rem

    }

}



.f29 {

    font-size: 1.45rem

}



@media (max-width:768px) {

    .f29 {

        font-size: 1.16rem

    }

}



.f30 {

    font-size: 1.5rem

}



@media (max-width:768px) {

    .f30 {

        font-size: 1.2rem

    }

}



.f31 {

    font-size: 1.55rem

}



@media (max-width:768px) {

    .f31 {

        font-size: 1.19230769rem

    }

}



.f32 {

    font-size: 1.6rem

}



@media (max-width:768px) {

    .f32 {

        font-size: 1.23076923rem

    }

}



.f33 {

    font-size: 1.65rem

}



@media (max-width:768px) {

    .f33 {

        font-size: 1.22222222rem

    }

}



.f34 {

    font-size: 1.7rem

}



@media (max-width:768px) {

    .f34 {

        font-size: 1.25925926rem

    }

}



.f35 {

    font-size: 1.75rem

}



@media (max-width:768px) {

    .f35 {

        font-size: 1.25rem

    }

}



.f36 {

    font-size: 1.8rem

}



@media (max-width:768px) {

    .f36 {

        font-size: 1.28571429rem

    }

}



.f37 {

    font-size: 1.85rem

}



@media (max-width:768px) {

    .f37 {

        font-size: 1.27586207rem

    }

}



.f38 {

    font-size: 1.9rem

}



@media (max-width:768px) {

    .f38 {

        font-size: 1.31034483rem

    }

}



.f39 {

    font-size: 1.95rem

}



@media (max-width:768px) {

    .f39 {

        font-size: 1.3rem

    }

}



.f40 {

    font-size: 2rem

}



@media (max-width:768px) {

    .f40 {

        font-size: 1.33333333rem

    }

}



.f41 {

    font-size: 2.05rem

}



@media (max-width:768px) {

    .f41 {

        font-size: 1.32258065rem

    }

}



.f42 {

    font-size: 2.1rem

}



@media (max-width:768px) {

    .f42 {

        font-size: 1.35483871rem

    }

}



.f50 {

    font-size: 2.3rem

}



@media (max-width:768px) {

    .f50 {

        font-size: 1.42857143rem

    }

}



.f78 {

    font-size: 3.5rem

}



@media (max-width:1200px) {

    .f78 {

        font-size: 3vw

    }

}



@media (max-width:768px) {

    .f78 {

        font-size: 1.30909091rem

    }

}



.fal {

    font-family: Arial

}



.fyl {

    font-family: FontBlar

}



.fs {

    font-family: '宋体'

}



.fn {

    font-weight: 400

}



.fb {

    font-weight: 700

}



.fi {

    font-style: italic

}



.fl {

    float: left

}



.fr {

    float: right

}



.db {

    display: block

}



.dib {

    display: inline-block

}



.dt {

    display: table

}



.dtc {

    display: table-cell

}



.dn {

    display: none

}



.bn {

    border: none

}



.tl {

    text-align: left

}



.tc {

    text-align: center

}



.tr {

    text-align: right

}



.tu {

    text-transform: uppercase

}



.vt {

    vertical-align: top

}



.vm {

    vertical-align: middle

}



.vb {

    vertical-align: bottom

}



.over {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.box {

    box-sizing: border-box

}



.ma {

    margin-left: auto;

    margin-right: auto

}



.m0 {

    margin: 0

}



.p0 {

    padding: 0

}



.yy {

    box-shadow: 0 0 12px rgba(70, 70, 70, .5)

}



.yy2 {

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)

}



.pz {

    padding: 0 15px;

    margin-left: -15px

}



.pr {

    position: relative

}



.oh {

    overflow: hidden

}



.wrap {

    overflow: hidden

}



.w00 {

    width: 100%

}



.h00 {

    height: 100%

}



.ma00 {

    max-width: 100%

}



.mh00 {

    max-height: 100%

}



.abs {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    left: 0;

    top: 0

}



.imWrap {

    width: 100%;

    padding-top: 67%;

    position: relative;

    overflow: hidden

}



.imWrap img {

    display: block;

    position: absolute;

    width: 100%;

    z-index: 5;

    left: 0;

    top: 0;

    height: auto;

    min-height: 100%

}



.imWrap .imgcon {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    left: 0;

    top: 0

}



.imWrap .imgcon img {

    position: relative;

    display: inline-block;

    width: auto;

    max-width: 100%

}



.big {

    overflow: hidden;

    position: relative;

}



.big img {

    width: 100%;

    display: block;

    transform: translateX(-50%);

    transition: .1s transform;

    transform: translateZ(0);

    min-height: 100%;

    transition: .3s transform

}

.big .video_pic{width: auto ;min-height: auto;transform: none;}

.big:hover img{transform: none !important;}

#ind_sp .big:hover img.video_pic { transform: translate(-50%,-50%) scale(1) !important;}





.big .imgcon img {

    width: auto;

    min-height: auto

}



.imgDiv {

    position: relative;

    width: 100%;

    overflow: hidden

}



.imgDiv img {

    position: relative;

    display: block;

    left: 50%;

    transform: translateX(-50%)

}



.imgDiv .abs {

    text-align: center

}



.imgDiv .abs::after {

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    content: ".";

    clear: both;

    width: 0

}



.imgDiv .ind_tit {

    display: inline-block;

    vertical-align: middle;

    margin: 0

}



.imgcon {

    text-align: center;

    font-size: 0;

    overflow: hidden

}



.imgcon img {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%

}



.imgcon:after {

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    clear: both;

    content: "";

    width: 0

}



.m3w {

    margin-top: 30px;

    margin-top: 3vw

}



.btn {

    display: inline-block;

    color: #333;

    font-size: 16px;

    text-align: center;

    width: 6rem;

    line-height: 1.6rem;

    border: 1px solid #333

}



@media (max-width:640px) {

    .btn {

        font-size: 13px

    }

}



.btn.bg {

    background-color: #f08118;

    color: #fff;

    border-color: #f08118

}



.tabCon .con {

    display: none

}



.tabCon .con.act {

    display: block

}



.mBtn {

    display: none

}



.row {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.row .col {

    flex: 1

}



.tabUl {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.tabUl li {

    flex: 1;

    cursor: pointer

}



.gradient_linear {

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.searDiv {

    float: right;

    overflow: hidden;

    position: relative;

    display: inline-block;

    margin-top: 20px;

    margin-left: 5px;

    max-width: 430px;

    width: 215px;

    height: 36px;

    border: 1px solid #bbb;

    background: 0 0;

    border-radius: 18px

}



#searcher {

    float: right;

    display: block;

    font-size: 13px;

    color: #333;

    height: 34px;

    width: 160px;

    padding: 0 5px;

    margin-right: 4px;

    border: none

}



#searchglass {

    float: right;

    display: block;

    overflow: hidden;

    width: 36px;

    height: 36px;

    cursor: pointer;

    border: none;

    background-image: url(../image/i03.png);

    background-repeat: no-repeat;

    background-position: 3px center;

    text-indent: -99em;

    background-color: transparent

}



.ind_tit {

    text-align: center;

    position: relative;

    padding: 1vw 0 1.5vw;

}
#ind_products .ind_tit {
    padding: 1vw 0;
}

.ind_tit h2 {

    font-size: 1.8rem;

    line-height: 2em;

    color: #333;

    letter-spacing: 2px

}



@media (max-width:768px) {

    .ind_tit h2 {

        font-size: 1.28571429rem

    }

}



.ind_tit small {

    font-size: 15px;

    display: block;

    color: #666;

    line-height: 1.6;

    letter-spacing: 2px

}



@media (max-width:640px) {

    .ind_tit small {

        font-size: 1rem

    }

}



@media (max-width:768px) {

    .ind_tit small {

        line-height: 1.76

    }

}



.ind_tit.t2 {

    text-align: left;

    margin-bottom: 0

}



.ind_tit.t2 .more {

    float: right;

    font-size: 16px;

    color: #4d4d4d;

    margin-top: 2rem

}



@media (max-width:640px) {

    .ind_tit.t2 .more {

        font-size: 13px

    }

}



.ind_tit.t2 h2 {

    color: #f08118;

    margin-bottom: -.3em;

    font-size: 1.4rem

}



@media (max-width:768px) {

    .ind_tit.t2 h2 {

        font-size: 1.16666667rem

    }

}



.ind_tit.t2 h2 span {

    font-family: Arial;

    color: #f08118;

    font-size: 1rem;

    font-weight: 400

}



.ind_tit.bg small {

    color: #fff

}



.ind_tit.bg h2 {

    color: #f08118

}



.ind_tit.bg2 h2 {

    color: #fff

}



.ind_tit.bg2 small {

    color: #999

}



#swiper3 {

    margin-bottom: 2.5vw;

    justify-content: center

}



#swiper3 a {

    display: block;

    cursor: pointer;

    flex: initial;

    padding: 5px 0;

    margin: 0 15px;

    flex-grow: 1;

    background-repeat: no-repeat;

    background-position: 0 center;

    background-size: 100% 100%;

    background-image: url(../image/i07_1.png);

    color: #333;

}



#swiper3 a h3 {

    line-height: 2;

    text-align: center

}



#swiper3 a:hover {

    background-image: url(../image/i07.png)

}



#swiper3 a h3 {

    color: #333

}

#swiper3 a:hover h3{color: #fff;}

#swiper5 .topcp {

    background-color: #f08118;

    overflow: hidden

}
#swiper5 .topcp dl dd{color:#fff;line-height:2.4;}


#swiper5 .topcp .big {

    width: 36rem;

    height: 24.6rem;

    float: left;

    display: block;

    background-color: #f6f6f6

}



#swiper5 .topcp .wrap {

    display: flex;

    align-items: center;

    height: 24.6rem

}



#swiper5 .topcp .line {

    margin: 2vw 0;

    display: block

}



#swiper5 .topcp .info {

    padding: 0 3vw

}
#swiper5 .topcp .info dl{ color:#fff; line-height:2.4}



#swiper5 .topcp h3 {

    font-size: 1.15rem;

    color: #fff

}



@media (max-width:768px) {

    #swiper5 .topcp h3 {

        font-size: 1.04545455rem

    }

}



#swiper5 .topcp p.det {

    font-size: 16px;

    color: #fff;

    line-height: 2.4;

    height: 12em;

    overflow: hidden

}



@media (max-width:640px) {

    #swiper5 .topcp p.det {

        font-size: 13px

    }

}



#swiper5 .topcp .more {

    float: right;

    color: #fff;

    font-size: 16px;

    margin-top: 1rem

}



@media (max-width:640px) {

    #swiper5 .topcp .more {

        font-size: 13px

    }

}



@media screen and (max-width:767px) {

    #swiper5 .topcp .big {

        float: none;

        height: 62vw;

        width: 100%

    }



    #swiper5 .topcp .wrap {

        height: auto;

        padding: 5vw 2vw

    }

}



#swiper6 {

    width: 100%;

    box-sizing: border-box;

    overflow: hidden;

    margin-top: 1rem;

    padding: 7px;

    max-height: 250px

}



#swiper6 .big {

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);

    box-sizing: border-box;

    border: 3px solid transparent;

    padding-top: 68.4%

}



#swiper6 strong {

    display: block;

    text-align: center;

    color: #333;

    font-size: .8rem;

    line-height: 3;

    padding-top: .5em

}



@media (max-width:768px) {

    #swiper6 strong {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    #swiper6 strong {

        font-size: 1rem

    }

}



#swiper6 .swiper-slide.selected .big {

    box-shadow: 2px 3px 12px rgba(240, 129, 24, .44)

}



@media screen and (max-width:767px) {

    #swiper6 {

        display: none

    }

}



ul.lllll {

    width: 102%

}



ul.lllll li {

    float: left;

    width: 18%;

    margin-right: 1.5%;

    margin-top: 2%;

    margin-left: .5%

}



ul.lllll li .big {

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);

    box-sizing: border-box;

    border: 3px solid transparent;

    padding-top: 68.4%

}



ul.lllll li strong {

    display: block;

    text-align: center;

    color: #333;

    font-size: .8rem;

    line-height: 3;

    padding-top: .5em

}



@media (max-width:768px) {

    ul.lllll li strong {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    ul.lllll li strong {

        font-size: 1rem

    }

}



ul.lllll li.act .big {

    box-shadow: 2px 3px 12px rgba(240, 129, 24, .44)

}



@media screen and (max-width:767px) {

    ul.lllll li {

        width: 48%

    }

}



#ind_about {

    overflow: hidden;

    margin-top: 30px;

    margin-top: 3vw;

    background-color: #f7f7f7;

    background-image: url(../image/bg01.jpg);

    background-repeat: no-repeat;

    background-position: 0 bottom;

    background-size: auto auto

}



#ind_about .w50 {

    float: right;

    font-size: 0;

    width: 42%

}



#ind_about .w50 img {

    display: block;

    max-width: 100%

}



#ind_about h2 {

    font-size: 1.75rem;

    color: #333;

    padding-left: 1.5rem;

    padding-top: 1rem;

    line-height: 2.4;

    letter-spacing: 2px

}



@media (max-width:768px) {

    #ind_about h2 {

        font-size: 1.25rem

    }

}



#ind_about .cont {

    font-size: 16px;

    color: #555;

    max-width: 41rem;

    margin-left: auto;

    margin-right: auto;

    line-height: 2.2;

    padding: 1.5rem;

    overflow: hidden;

    margin-bottom: 3vw

}



@media (max-width:640px) {

    #ind_about .cont {

        font-size: 13px

    }

}



@media screen and (max-width:767px) {

    #ind_about .cont {

        padding: 5vw

    }

}



#ind_about .num3 {

    box-sizing: border-box;

    text-align: center;

    padding: 0 10%

}



#ind_about .num3 .counter {

    font-family: Arial;

    font-size: 2.1rem;

    color: #f08118

}



@media (max-width:768px) {

    #ind_about .num3 .counter {

        font-size: 1.35483871rem

    }

}



#ind_about .num3 small {

    color: #f08118;

    font-size: 15px

}



@media (max-width:640px) {

    #ind_about .num3 small {

        font-size: 1rem

    }

}



#ind_about .num3 p {

    font-size: 16px;

    color: #444

}



@media (max-width:640px) {

    #ind_about .num3 p {

        font-size: 13px

    }

}



.fot_link {

    color: #666;

    background-color: #f5f7fa;

    padding: 10px;

    line-height: 2em

}



.fot_link strong {

    float: left

}



.fot_link a.fr {

    color: #f08118;

    padding-left: 2em

}



.fot_link a {

    color: #666;

    padding: 0 10px

}



.fot_link a:hover {

    color: #f08118

}



#ind_form {

    float: right;

    width: 50%

}



#ind_form .tit {

    color: #f08118;

    font-size: .8rem;

    line-height: 4em

}



@media (max-width:768px) {

    #ind_form .tit {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    #ind_form .tit {

        font-size: 1rem

    }

}



#ind_form .col {

    width: 45%;

    float: left;

    position: relative

}



#ind_form .col:nth-child(even) {

    float: right

}



#ind_form .col::after {

    font-size: 15px;

    display: block;

    color: #f08118;

    content: "*";

    z-index: 5;

    position: absolute;

    right: -12px;

    top: 10px

}



@media (max-width:640px) {

    #ind_form .col::after {

        font-size: 1rem

    }

}



#ind_form label {

    display: inline-block;

    color: #999;

    float: left

}



#ind_form input,

#ind_form textarea {

    box-sizing: border-box;

    width: 100%;

    height: 37px;

    border: 1px solid #909192;

    background-color: transparent;

    margin-bottom: 23px

}



#ind_form input:hover,

#ind_form textarea:hover {

    border-color: #f08118

}



#ind_form textarea {

    height: 90px

}



#ind_form .zxlysub {

    background-color: #f08118;

    border: none;

    color: #fff;

    float: right;

    width: 150px

}



.copyright {

    padding: .5rem 0;

    color: #f7f7f7

}



.copyright a {

    color: #fff

}



.breakerDiv {

    overflow: hidden;

    padding-bottom: .5rem

}



.breaker {

    float: right;

    color: #555;

    margin-top: 10px;

    line-height: 2.14em;

    padding-left: 23px;

    overflow: hidden;

    background-image: url(404.png);

    background-repeat: no-repeat;

    background-position: 0 center;

    background-size: auto auto

}



.breaker a {

    color: #999

}



.breaker span {

    color: #f08118

}



.breaker i {

    color: #f08118

}



.main {

    overflow: hidden;

    margin-bottom: 3vw

}



.main .bor {

    border: 1px solid #bbb;

    box-sizing: border-box;

    padding: 1rem

}



.lside {

    float: left;

    width: 11.9rem;

    margin-right: 1.5rem

}



.lside h2 {

    font-size: 1.2rem;

    text-align: center;

    color: #fff;

    background-color: #f08118;

    line-height: 74px;

    background-image: url(../image/i07.png);

    background-repeat: no-repeat;

    background-position: .8em center;

    background-size: auto auto;

    margin-bottom: .5rem

}



@media (max-width:768px) {

    .lside h2 {

        font-size: 1.09090909rem

    }

}



.lside ul {

    background-color: #eee

}



.lside .iauth {

    box-sizing: border-box

}



.lside .iauth li {

    border-bottom: 1px solid #f08118

}



.lside .iauth li:last-child {

    border: none

}



.lside .iauth a {

    text-align: center;

    line-height: 50px;

    font-size: .8rem;

    color: #333;

    position: relative;

    display: block

}



@media (max-width:768px) {

    .lside .iauth a {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .lside .iauth a {

        font-size: 1rem

    }

}



.lside .iauth a.act,

.lside .iauth a:hover {

    color: #f08118

}



.lside h3 {

    font-size: 1rem;

    text-align: center;

    color: #fff;

    background-color: #f08118;

    margin-top: 1rem;

    line-height: 54px;

    background-image: url(404.png);

    background-repeat: no-repeat;

    background-position: .8em center;

    background-size: auto auto

}



.lside .newslist li {

    border-bottom: 1px dashed #f08118

}



.lside .newslist li:last-child {

    border: none

}



.lside .newslist a {

    text-align: left;

    line-height: 50px;

    font-size: 16px;

    color: #666;

    display: block;

    box-sizing: border-box;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding: 0 .8rem

}



@media (max-width:640px) {

    .lside .newslist a {

        font-size: 13px

    }

}



.lside .newslist a.act,

.lside .newslist a:hover {

    color: #f08118

}



.inner_list {

    width: 104%

}



.inner_list li {

    float: left;

    width: 30%;

    margin-right: 3%

}



.inner_list .imWrap {

    box-sizing: border-box;

    border: 1px solid #bbb

}



.inner_list p {

    font-size: 16px;

    color: #333;

    display: block;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 3em

}



@media (max-width:640px) {

    .inner_list p {

        font-size: 13px

    }

}



.inner_tit {

    text-align: center;

    position: relative;

    margin: 2vw 0;

    padding-bottom: 10px

}



.inner_tit h2 {

    font-size: 1.5rem;

    font-weight: 400;

    line-height: 1.5em;

    color: #f08118

}



@media (max-width:768px) {

    .inner_tit h2 {

        font-size: 1.2rem

    }

}



.inner_tit small {

    font-size: .9rem;

    display: block;

    font-family: '宋体';

    color: #999;

    line-height: 1.5em

}



@media (max-width:768px) {

    .inner_tit small {

        font-size: .94444444rem

    }

}



.inner_tit.bg small {

    color: #fff

}



.inner_tit.bg h2 {

    color: #f08118

}



.inner_tit.bg2 h2 {

    color: #fff

}



.inner_tit.bg2 small {

    color: #999

}



.inner_tit::after {

    background-color: #f08118;

    display: block;

    content: "";

    height: 4px;

    width: 61px;

    z-index: 5;

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -30px

}



.article img {

    max-width: 100%

}



.articleTit {

    color: #333;

    text-align: center;

    font-weight: 400;

    font-size: 1.2rem;

    margin-top: 1rem

}



@media (max-width:768px) {

    .articleTit {

        font-size: 1.09090909rem

    }

}



.sub_info {

    text-align: center;

    color: #666;

    padding: 5px 0;

    line-height: 1.5rem !important;

    margin-bottom: 1rem;

    border-bottom: 1px dashed #bbb

}



.sub_info span {

    margin-right: 1rem

}



.pr .sub_info span:after {

    display: block;

    content: " ";

    height: 100%;

    width: 100%;

    z-index: 5;

    position: absolute;

    left: 0;

    top: 0

}



.articleCon {

    font-size: 16px !important;

    line-height: 2.1 !important;

    color: #333 !important

}



.articleCon img {

    max-width: 100%;

    height: auto !important

}



.skip {

    overflow: hidden;

    margin-top: 2vw

}



.skip>div {

    float: left;

    width: 50%;

    color: #333

}



.skip>div:last-child {

    text-align: right

}



.skip a {

    font-size: 16px;

    color: #666;



    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: middle;

    max-width: calc(100% - 4em)

}



@media (max-width:640px) {

    .skip a {

        font-size: 13px

    }

}



.skip span {

    font-size: 16px;

    color: #f08118;

    display: inline-block;

    position: relative;

    overflow: hidden;

    vertical-align: middle;

    padding-right: 5px

}



@media (max-width:640px) {

    .skip span {

        font-size: 13px

    }

}



h3.tag {

    color: #999;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.7em;

    border-top: 1px dashed #e0e1dc;

    margin-top: .5rem;

    padding-top: .4rem

}



@media (max-width:640px) {

    h3.tag {

        font-size: 13px

    }

}



h3.tag a {

    color: #005a98;

    margin: 0 8px 0 5px

}



h3.tag a :hover {

    color: #0172bd

}



.titbar {

    border-bottom: 1px solid #bbb;

    height: 36px;

    margin: 1rem 0

}



.titbar h2 {

    font-size: .8rem;

    color: #f08118;

    display: inline-block;

    border-bottom: 2px solid #f08118;

    line-height: 35px

}



@media (max-width:768px) {

    .titbar h2 {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .titbar h2 {

        font-size: 1rem

    }

}



.news_pre {

    width: 103%

}



.news_pre li {

    float: left;

    width: 47%;

    margin-right: 3%

}



.news_pre span.date {

    float: right;

    font-size: 13px;

    color: #666

}



.news_pre a {

    font-size: 16px;

    color: #333;

    padding-left: 1.5em;

    background-image: url(../image/i05.png);

    background-repeat: no-repeat;

    background-position: 0 center;

    background-size: auto auto;

    line-height: 1.3em

}



@media (max-width:640px) {

    .news_pre a {

        font-size: 13px

    }

}



.pro_pre .swiper-slide a {

    display: block

}



.pro_pre .swiper-slide a .bor {

    box-sizing: border-box;

    border: 1px solid #bbb;

    padding: 9px

}



.pro_pre .swiper-slide .big {

    height: 140px

}



.pro_pre .swiper-slide .big img {

    min-height: 100%

}



.pro_pre .swiper-slide p {

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    text-align: center;

    line-height: 40px

}



#shareicon1>a {

    float: right;

    width: 16px;

    height: 16px;

    background-size: 100%

}



#header {

    background-color: #fff;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 125

}



@media (max-width:768px) {

    #header {

        position: fixed;

        box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)

    }

}



.tellNum {

    float: right;

    font-size: 1.1rem;

    color: #f08118;

    border-radius: 5px;

    padding: 0 1em 0 .6em;

    margin-top: 10px;

    line-height: 1.9

}



@media (max-width:768px) {

    .tellNum {

        font-size: 1.04761905rem

    }

}



#phone {

    display: inline-block;

    padding-right: 5px;

    vertical-align: text-bottom

}



.logobar {

    padding: .7rem 0;

    font-size: 0

}



.logobar .logo {

    position: relative;

    float: left;

    display: inline-block;

    z-index: 50;

    padding-right: 3vw

}



.logobar .logo img {

    display: block

}



.logobar .logo h1 {

    display: none

}



.logobar .tr {

    display: inline-block;

    width: calc(100% - 21rem)

}



#Nav {

    display: block;

    text-align: center;

    overflow: visible;

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-between;

}



#Nav li {

    position: relative;

    flex: 1;

    float: left

}



#Nav li a {

    display: block;

    font-size: .95rem;

    color: #fff;

    box-sizing: border-box;

    color: #333;

    line-height: 3.7em;

    transition: none;

    white-space: nowrap

}



@media (max-width:768px) {

    #Nav li a {

        font-size: .94444444rem

    }

}



@media (max-width:640px) {

    #Nav li a {

        font-size: 1.0625rem

    }

}



#Nav li a.act,

#Nav li:hover>a {

    color: #f08118

}



#Nav li a.act::after,

#Nav li:hover>a::after {

    height: 3px;

    width: 1.4rem;

    background-color: #f08118;

    margin-left: auto;

    margin-right: auto;

    content: "";

    display: block;

    margin-top: -7px

}



.scroll#header {

    height: 56px;

    position: fixed;

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)

}



.scroll+div {

    margin-top: 112px

}



.scroll .logobar {

    padding: 0

}



.scroll .logobar .logo {

    padding-top: 6px

}



.scroll .logobar .logo img {

    height: 42px

}



.scroll #Nav li a {

    height: 56px;

    line-height: 59px;

    font-size: 16px;

    font-weight: 400

}



@media (max-width:640px) {

    .scroll #Nav li a {

        font-size: 1rem

    }

}



.scroll .tellNum {

    margin-top: 12px;

    line-height: 1.5

}



.scroll #phone {

    height: 23px

}



#ind_pro .row {

    margin-bottom: .65rem

}



#ind_pro .bg {

    background-color: #f08118;

    width: 100%;

    height: 100%

}



#ind_pro .bg h3 {

    padding-left: 2rem;

    padding-right: 1em;

    color: #fff;

    font-size: 1.2rem;

    box-sizing: border-box;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 2em;

    padding-top: .3em

}



@media (max-width:768px) {

    #ind_pro .bg h3 {

        font-size: 1.09090909rem

    }

}



#ind_pro .bg a {

    padding-left: 2rem;

    padding-right: 1em;

    color: #fff;

    font-size: .85rem;

    display: block;

    box-sizing: border-box;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 1.76em;

    background-image: url(404.png);

    background-repeat: no-repeat;

    background-position: 1.2rem center;

    background-size: auto auto

}



@media (max-width:768px) {

    #ind_pro .bg a {

        font-size: .94444444rem

    }

}



@media (max-width:640px) {

    #ind_pro .bg a {

        font-size: 1.0625rem

    }

}



#ind_pro .col {

    border: 1px solid #bbb;

    border-left: none

}



#ind_pro .col p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    text-align: center;

    color: #666

}



#ind_pro .imgcon {

    height: 9.5rem

}



#ind_pro .imgcon img {

    max-height: 100%

}



#ind_case {

    background-color: #f7f7f7;

    padding-bottom: 3vw

}



.ind_case {

    text-align: center

}



.ind_case .swiper-slide a {

    display: block;

    position: relative

}



.ind_case .swiper-slide .abs {

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .6s ease-in-out

}



.ind_case .swiper-slide h4 {

    border: none;

    display: inline-block;

    font-size: .9rem;

    font-weight: 400;

    vertical-align: middle;

    color: #f08118;

    line-height: 1;

    padding-bottom: 3rem;

    background-image: url(../image/i03.png);

    background-repeat: no-repeat;

    background-position: center 100%;

    background-size: auto

}



@media (max-width:768px) {

    .ind_case .swiper-slide h4 {

        font-size: .94444444rem

    }

}



.ind_case .swiper-slide:hover {

    border-color: #f08118

}



.ind_case .swiper-slide:hover .abs {

    background-color: rgba(25, 146, 84, .8);

    opacity: 1;

    filter: alpha(opacity=100)

}



.ind_case .swiper-button-next,

.ind_case .swiper-button-prev {

    position: relative;

    display: inline-block;

    top: 100%;

    width: 3.25rem;

    height: 43px;

    margin-top: 1rem;

    background-image: url(../image/i05.png);

    background-repeat: no-repeat;

    background-position: 0 0;

    background-size: 100% auto

}



.ind_case .swiper-button-next {

    background-image: url(../image/i04.png)

}



.ind_case .swiper-pagination {

    bottom: 88px !important

}



#ind_news {

    overflow: hidden;

}

#ind_news .cb{overflow: hidden;}

#ind_news .ind_tit{overflow: hidden;}

#ind_news  .imWrap img{height: 100%;}

#ind_news .c1 {

    float: left;

    width: 46%;

    margin-right: 4%

}



#ind_news .c1 .imWrap {

    padding-top: 70%;

    border: 1px solid #ddd;

}



#ind_news .c1 .date {

    line-height: 1.5;

    font-size: 16px;

    color: #fff;

    background-color: #f08118;

    display: inline-block;

    padding: .5rem 1rem;

    text-align: center;

    position: absolute;

    z-index: 55;

    right: 0;

    bottom: 0

}



@media (max-width:640px) {

    #ind_news .c1 .date {

        font-size: 13px

    }

}



#ind_news .c1 .date p {

    font-size: 1.8rem;

    color: #fff;

    line-height: 1

}



@media (max-width:768px) {

    #ind_news .c1 .date p {

        font-size: 1.28571429rem

    }

}



#ind_news .c1 .date span {

    font-size: 16px;

    color: #fff

}



@media (max-width:640px) {

    #ind_news .c1 .date span {

        font-size: 13px

    }

}



#ind_news .c1 .newleftfont1 {

    color: #333;

    font-size: .9rem;

    line-height: 2.5;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-top: 10px;

    display: block

}



@media (max-width:768px) {

    #ind_news .c1 .newleftfont1 {

        font-size: .94444444rem

    }

}



#ind_news .c1 .newleftfont1 i {

    color: #f08118;

    padding-right: 10px

}



#ind_news .c1 .newleftfont2 {

    font-size: 16px;

    color: #666;

    display: block;

    overflow: hidden;

    height: 5em;

}



@media (max-width:640px) {

    #ind_news .c1 .newleftfont2 {

        font-size: 13px

    }

}



#ind_news .c2 {

    overflow: hidden

}



#ind_news .c2 li {

    background: #f7f7f7;

    margin-bottom: 2px;

    padding: .3rem 1rem

}



#ind_news .c2 li:hover {

    background-color: #f08118

}



#ind_news .c2 li:hover>i {

    color: #fff

}



#ind_news .c2 li:hover .atar {

    color: #fff

}



#ind_news .c2 li>i {

    float: right;

    line-height: 2;

    font-size: 1.2rem

}



@media (max-width:768px) {

    #ind_news .c2 li>i {

        font-size: 1.09090909rem

    }

}



#ind_news .morebtn {

    color: #fff;

    font-size: 15px;

    text-align: center;

    display: block;

    clear: both;

    width: 150px;

    line-height: 2.5;

    background: #adadac;

    border-radius: 20px;

    margin: 1rem auto 0;

}



@media (max-width:640px) {

    #ind_news .morebtn {

        font-size: 1rem;

    }

}



.newstop {

    display: block;

    overflow: hidden;

    background-color: #f6f6f6;

    padding: 1rem 1rem;

    margin-bottom: 25px

}



.newstop-l {

    float: left;

    text-align: center;

    width: 75px;

    border-right: 1px solid #ddd;

    margin-right: 1rem

}



.newstop-l p {

    font-size: 1.5rem;

    color: #666;

    line-height: 50px

}



@media (max-width:768px) {

    .newstop-l p {

        font-size: 1.2rem

    }

}



.newstop-l span {

    font-size: 16px;

    color: #666;

    display: block;

    text-align: center;

    padding-bottom: 1em

}



@media (max-width:640px) {

    .newstop-l span {

        font-size: 13px

    }

}



.newstop-r {

    display: block;

    overflow: hidden

}



.newstop-r p {

    font-size: .85rem;

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-bottom: .5em;

    font-weight: bold;

}



@media (max-width:768px) {

    .newstop-r p {

        font-size: .94444444rem

    }

}



@media (max-width:640px) {

    .newstop-r p {

        font-size: 1.0625rem

    }

}



.newstop-r span {

    font-size: 16px;

    color: #666;

    display: block;

    overflow: hidden;

    height: 3em

}



@media (max-width:640px) {

    .newstop-r span {

        font-size: 13px

    }

}



#footer {

    display: none;

    margin-top: 3vw;

    background-color: #333

}



#footer>.containe {

    padding: 3vw 0

}



.ind_tel h3 {

    font-size: 1rem;

    color: #fff

}



.ind_tel .item {

    font-size: .8rem;

    color: #fff

}



@media (max-width:768px) {

    .ind_tel .item {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .ind_tel .item {

        font-size: 1rem

    }

}



.ind_tel .item .fa-envelope {

    font-size: 1rem

}



.ind_tel .item .fa-phone {

    font-size: 1.5rem

}



@media (max-width:768px) {

    .ind_tel .item .fa-phone {

        font-size: 1.2rem

    }

}



.ind_tel .item .fa-map-marker {

    font-size: 1.5rem

}



@media (max-width:768px) {

    .ind_tel .item .fa-map-marker {

        font-size: 1.2rem

    }

}



.ind_tel .item em {

    font-size: 1.3rem

}



@media (max-width:768px) {

    .ind_tel .item em {

        font-size: 1.13043478rem

    }

}



.hotnewsbd {

    padding: 0 1rem

}



.hotnewsbd ul a {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 16px;

    color: #333;

    line-height: 2.7

}



@media (max-width:640px) {

    .hotnewsbd ul a {

        font-size: 13px

    }

}



.hotnewsbd ul i {

    color: #f08118;

    font-size: .8rem;

    line-height: 1;

    padding-right: 5px

}



@media (max-width:768px) {

    .hotnewsbd ul i {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .hotnewsbd ul i {

        font-size: 1rem

    }

}



.videolist {

    width: 104%

}



.videolist li {

    width: 46%;

    margin-right: 4%;

    float: left;

    margin-bottom: 3%

}

.videolist li h4{text-align: center;font-size: 22px;font-weight: normal;margin-bottom: 10px;}



.videolist a {

    display: block

}



.videolist .imWrap {

    padding-top: 64%

}



.videolist .imWrap::after {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    left: 0;

    top: 0;

    content: "";

    background: url(../image/i12.png) repeat center center

}



.videolist .tit {

    background: #f6f6f6;

    padding: 1rem 1rem

}



.videolist .tit .view {

    float: right;

    margin-left: 30px

}



.videolist .tit h4 {

    font-size: .8rem;

    color: #333;

    font-weight: 400;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



@media (max-width:768px) {

    .videolist .tit h4 {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .videolist .tit h4 {

        font-size: 1rem

    }

}



.products_list {

    border-top: 1px solid #ddd

}



.products_list .w50 {

    float: left;

    width: 50%;

    background-color: #fff

}



.products_list .imgcon {

    box-sizing: border-box;

    padding-left: 5%;

    padding-right: 5%

}



.products_list li {

    border-bottom: 1px solid #ddd;

    overflow: hidden;

    padding: 2rem 0

}



.products_list li:nth-child(even) .w50 {

    float: right

}



.products_list li:hover .bg {

    overflow: hidden

}



.products_list li:hover h3 {

    color: #fff

}



.products_list li:hover h3::after {

    background-color: #fff

}



.products_list li:hover .cont {

    background-color: #f08118

}



.products_list li:hover .cont dl {

    color: #fff

}



.products_list li:hover .cont dd::after {

    color: #fff

}



.products_list li:hover .cont .more {

    color: #fff;

    border-color: #fff

}



.products_list .cont {

    padding: 5% 7% 0;

    margin-bottom: 1rem

}



.products_list .cont h3 {

    font-size: 1.15rem;

    color: #333;

    line-height: 3;

    margin-bottom: 1.2rem

}



@media (max-width:768px) {

    .products_list .cont h3 {

        font-size: 1.04545455rem

    }

}



.products_list .cont h3::after {

    background-color: #f08118;

    display: block;

    content: "";

    width: 2rem;

    height: 4px

}



.products_list .cont dl {

    font-size: 16px;

    color: #666;

    line-height: 2

}



@media (max-width:640px) {

    .products_list .cont dl {

        font-size: 13px

    }

}



.products_list .cont dl dd {

    position: relative;

    padding-left: 1.5rem

}



.products_list .cont dl dd::after {

    color: #666;

    font-size: .95rem;

    content: "•";

    position: absolute;

    top: 0;

    left: 10px;

    line-height: 1.5

}



.products_list .cont .more {

    display: inline-block;

    color: #333;

    font-size: 16px;

    text-align: center;

    width: 6rem;

    line-height: 1.6rem;

    border: 1px solid #333;

    margin-top: 1.5rem;

    margin-bottom: 1rem

}



@media (max-width:640px) {

    .products_list .cont .more {

        font-size: 13px

    }

}



.products_list .cont .more.bg {

    background-color: #f08118;

    color: #fff;

    border-color: #f08118

}



.products_top .w50 {

    float: left;

    box-sizing: border-box;

    border: 1px solid #ddd;

    width: 50%;

    margin-right: 5%

}



.products_top h1 {

    font-size: 1.2rem;

    color: #333;

    border-bottom: 1px solid #ddd;

    line-height: 3;

    font-weight: 400;

    margin-bottom: 1rem

}



@media (max-width:768px) {

    .products_top h1 {

        font-size: 1.09090909rem

    }

}



.products_top dl {

    font-size: 16px;

    color: #666;

    line-height: 2

}



@media (max-width:640px) {

    .products_top dl {

        font-size: 13px

    }

}



.products_top dl dd {

    position: relative;

    padding-left: 1.5rem

}



.products_top dl dd::after {

    color: #666;

    font-size: .95rem;

    content: "•";

    position: absolute;

    top: 0;

    left: 10px;

    line-height: 1.5

}



.products_top .more {

    display: inline-block;

    color: #333;

    font-size: 16px;

    text-align: center;

    width: 6rem;

    line-height: 1.6rem;

    border: 1px solid #333;

    margin-top: 1.5rem;

    color: #fff;

    background-color: #f08118;

    border-color: #f08118

}



@media (max-width:640px) {

    .products_top .more {

        font-size: 13px

    }

}



.products_top .more.bg {

    background-color: #f08118;

    color: #fff;

    border-color: #f08118

}



.products_top .titdiv {

    margin-top: 3vw;

    background: #f5f5f5;

    padding: 16px;

    margin-bottom: 2%

}



.products_top .titdiv h3 {

    font-size: .9rem;

    color: #f08118;

    border-left: 4px solid #f08118;

    line-height: 1;

    padding-left: 12px

}



@media (max-width:768px) {

    .products_top .titdiv h3 {

        font-size: .94444444rem

    }

}



.products_top .swiper-button-next,

.products_top .swiper-button-prev {

    width: 2.25rem;

    height: 4rem;

    background-repeat: no-repeat;

    background-position: 0 0;

    background-size: auto 100%;

    margin-top: 0;

    transform: translateY(-50%)

}



.products_top .swiper-button-prev {

    background-image: url(../image/i04.png);

    left: 0

}



.products_top .swiper-button-next {

    background-image: url(../image/i05.png);

    right: 0

}



.innertit strong {

    font-size: 1.8rem;

    display: block;

    color: #333;

    text-align: center;

    letter-spacing: 4px;

}



@media (max-width:768px) {

    .innertit strong {

        font-size: 1.8rem

    }

    .innertit{margin: 1.5rem 0;}

}



.tell_info {

    float: left;

    box-sizing: border-box;

    padding: 2.3rem 1rem;

    margin-right: 10px;

    background: #f5f5f5;

    width: 22rem

}



.tell_info h3 {

    font-size: 1.2rem;

    color: #333;

    font-weight: 400;

    line-height: 2

}



@media (max-width:768px) {

    .tell_info h3 {

        font-size: 1.09090909rem

    }

}



.tell_info strong {

    font-size: .9rem;

    color: #f08118

}



@media (max-width:768px) {

    .tell_info strong {

        font-size: .94444444rem

    }

}



.tell_info p {

    font-size: 16px;

    color: #666;

    line-height: 1.75em;

    padding: 5px 0

}



@media (max-width:640px) {

    .tell_info p {

        font-size: 13px

    }

}



.tell_info .fa {

    color: #f08118;

    font-size: 1rem;

    text-align: center;

    margin-right: .6rem;

    width: 1rem

}



.tell_info .ewm {

    display: block;

    margin: 1rem auto 0 auto;

    width: 7rem;

    height: 7rem

}



.innernav {

    font-size: 0;

    text-align: center;

    background: #5b5a5a;

    width: 100%

}



.innernav a {

    display: inline-block;

    font-size: .8rem;

    color: #fff;

    line-height: 3rem;

    padding: 0 3em;

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

    margin-right: -1px

}



@media (max-width:768px) {

    .innernav a {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .innernav a {

        font-size: 1rem

    }

}



.innernav a.act {

    background-color: #f08118;

    border-color: #f08118;

    position: relative;

    z-index: 8

}



.hhys dd {

    background: #f5f5f5;

    margin-bottom: 1.5rem;

    overflow: hidden

}



.hhys dd:nth-child(even) .big {

    float: right

}



.hhys .imWrap {

    padding-top: 57%

}



.hhys .big {

    width: 50%;

    float: left

}

.hhys .big video{width: 100%;}

.hhys .con {

    padding: 0 3rem

}



.hhys .con em {

    font-size: 2.1rem;

    color: #f08118;

    font-family: Arial;

    font-weight: 400;

    display: block;

    padding-left: 1rem;

    background-image: url(../image/i14.png);

    background-repeat: no-repeat;

    background-position: 0 bottom;

    background-size: auto auto

}

#about_intro{overflow: hidden;}

#about_intro #ind_sp{width: 50%;float: right;}

#ind_sp .video{width: 100%;height:100%;object-fit:fill;  }

#about_intro .article{width: 45%;padding-right: 5%;}

#about_intro .article p{font-size: 16px !important;}



@media (max-width:768px) {

    .hhys .con em {

        font-size: 1.35483871rem

    }

    #about_intro #ind_sp{width: 100%;padding: 0;}

    #about_intro .article{width: 100%;padding: 0 !important;}

}



.hhys .con h4 {

    font-size: 1.2rem;

    color: #333;

    font-weight: 400;

    margin: 1em 0 0.5em 0;

}



@media (max-width:768px) {

    .hhys .con h4 {

        font-size: 1.09090909rem

    }

}



.hhys .con p {

    font-size: 18px;

    color: #333;

    line-height: 1.8;

}



@media (max-width:640px) {

    .hhys .con p {

        font-size: 13px

    }

}



.job_item {

    background-color: #fff;

    border: 1px solid #ddd;

    border-top: none

}



.job_item .item {

    cursor: pointer;

    border-top: 1px solid #ddd;

    background: #f5f5f5

}



.job_item .item .bar {

    overflow: hidden

}



.job_item .item .cont {

    display: none;

    background-color: #fff;

    font-size: 16px;

    color: #666;

    padding: 2rem 4rem;

    line-height: 2.2

}



@media (max-width:640px) {

    .job_item .item .cont {

        font-size: 13px

    }

}



.job_item .item i {

    float: left;

    display: block;

    width: 4rem;

    border-right: 1px solid #ddd;

    height: 4rem;

    margin-right: 2rem;

    position: relative

}



.job_item .item i::before {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    left: 0;

    top: 0;

    color: #333;

    font-size: 1.2rem;

    text-align: center;

    line-height: 4rem;

    content: "+"

}



@media (max-width:768px) {

    .job_item .item i::before {

        font-size: 1.09090909rem

    }

}



.job_item .item .wrap {

    box-sizing: border-box;

    color: #333;

    padding-top: 1.2rem

}



.job_item .item .wrap span {

    float: right;

    font-size: 16px;

    margin-right: 2rem

}



@media (max-width:640px) {

    .job_item .item .wrap span {

        font-size: 13px

    }

}



.job_item .item h3 {

    font-size: .8rem;

    color: #333

}



@media (max-width:768px) {

    .job_item .item h3 {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .job_item .item h3 {

        font-size: 1rem

    }

}



.job_item .item.active {

    background-color: #f08118

}



.job_item .item.active h3 {

    color: #fff

}



.job_item .item.active i::before {

    color: #fff;

    content: "-"

}



.job_item .item.active .wrap {

    color: #fff

}



.subbanner h2 {

    font-size: 1.75rem

}



@media (max-width:768px) {

    .subbanner h2 {

        font-size: 1.25rem

    }

}



.subbanner small {

    font-size: .8rem

}



@media (max-width:768px) {

    .subbanner small {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .subbanner small {

        font-size: 1rem

    }

}



#ind_sp {

    position: relative

}



#ind_sp .video_pic {

    display: block;

    cursor: pointer;

    position: absolute;

    z-index: 5;

    left: 50%;

    top: 50%;

    z-index: 55;

    transform: translateX(-50%) translateY(-50%)

}



.homehotnews{display:;position: absolute;top: 3%;left: 5%;background: rgba(0, 0, 0, 0.4);border-radius: 10px;width: 400px;padding:15px 20px 10px;z-index: 2;overflow: hidden;}

.homehotnews h5{color: #f08118;font-size: 22px;margin-bottom: 5px;}

.homehotnews ul li{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.homehotnews ul li a{color: #fff;}

.homehotnews ul li i{margin-right: 8px;}

.homehotnews ul li .tit{display: inline-block;width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.homehotnews ul li .time{float: right;color: #fff;}



@media only screen and (max-width: 1600px){

    .homehotnews{left: 1%;}

}



@media only screen and (max-width: 1400px){

    .homehotnews{left: 1%;width: 260px;padding:15px 20px 10px}

    .homehotnews ul li{line-height: 1.6;}

}

@media only screen and (max-width: 1200px){

    .homehotnews ul li:nth-child(4),.homehotnews ul li:nth-child(5){display: none;}

}

@media only screen and (max-width: 1000px){

    .homehotnews{display: none;}

}
@media (min-width:1000px) {
    #ind_about .big{margin-top: 1.5rem}
  
}
#ind_about .big h3{color: rgb(240, 129, 24);font-size: 20px;font-weight: bold;margin-bottom: 1.5em;}
@media (min-width:640px) {
    #ind_about .big h3{padding-top: 1rem}
}
#ind_about .cont .more{font-weight: bold;font-size: 17px; color: #fff;
    font-size: 15px;
    text-align: center;
    display: block;
    clear: both;
    width: 150px;
    line-height: 2.5;
    background:  rgb(240, 129, 24);
    border-radius: 20px;
    margin: 1rem 0 0;}
#Nav dl{box-shadow: 0 0 5px #ddd}
#Nav dd{position: relative;}
#Nav .leve3{position: absolute;left: 100%;top: 0;background: #fff;width: 120px;box-shadow: 0 0 5px #ddd;display: none;}
#Nav .leve3 li{float: none;text-align: center;font-size: 16px}
#Nav .leve3 li a{text-align: center;padding-left: 0;font-size: 15px}
#Nav dd:hover .leve3{display: block}
#Nav .leve3 li:hover>a::after{display: none}