.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:#52c700
}
.cd {
    color:#ddd
}
.ce {
    color:#eee
}
.cf {
    color:#fff
}
.bc0 {
    background-color:#000
}
.bcf {
    background-color:#fff
}
.bcc {
    background-color:#52c700
}
.boc {
    border-color:#52c700
}
.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:14px
}
@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
    }
}.f88 {
     font-size:4.4rem
 }
@media (max-width:1200px) {
    .f88 {
        font-size:4vw
    }
}@media (max-width:768px) {
    .f88 {
        font-size:1.45454545rem
    }
}.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 2px 7px rgba(70,70,70,.2)
}
.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:75%;
    position:relative;
    overflow:hidden
}
.imWrap img {
    display:block;
    position:absolute;
    width:100%;
    z-index:5;
    left:0;
    top:0
}
.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
}
.big img {
    width:100%;
    display:block;
    transform:translateZ(0);
    transition:1.5s transform 0.2s;
    m
}
.big:hover img {
    transform:scale(1.5,1.5)
}
.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:14px;
    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:#52c700;
     color:#fff;
     border-color:#52c700
 }
.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(../images/i03.png);
    background-repeat:no-repeat;
    background-position:3px center;
    text-indent:-99em;
    background-color:transparent
}
.bgcon {
    overflow:hidden;
    background-color:#fff;
    padding-bottom:3vw;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto auto
}
body {
    padding-top:77px
}
#header {
    background-color:#fff;
    width:100%;
    box-shadow:0 0 12px rgba(70,70,70,.5);
    position:fixed;
    height:77px;
    top:0;
    left:0;
    z-index:125
}
.gray {
    background-color:#eee
}
.navbar {
    padding:.6rem 0;
    font-size:0
}
.navbar .logo {
    position:relative;
    vertical-align:middle;
    float:left;
    display:inline-block;
    z-index:50
}
.navbar .logo img {
    display:block;
    float:left
}
@media (max-width:768px) {
    .navbar .logo img {
        max-height:42px;
        margin-top:3px
    }
}.navbar .logo h1 {
     font-size:0;
     color:#fff
 }
#Nav {
    overflow:hidden;
    text-align:center;
    float:right;
    width:calc(100% - 500px);
    padding-top:.1rem;
    max-width:1000px;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between
}
#Nav li {
    position:relative;
    flex:1
}
#Nav li a {
    display:block;
    font-size:15px;
    color:#333;
    box-sizing:border-box;
    line-height:3em;
    transition:none;
    white-space:nowrap
}
@media (max-width:640px) {
    #Nav li a {
        font-size:1rem
    }
}#Nav li:first-child:before {
     display:none
 }
#Nav li a.act,#Nav li:hover>a {
    color:#52c700
}
#Nav li a.act:after {
    display:block;
    background-color:#52c700;
    content:" ";
    height:2px;
    width:4em;
    z-index:5;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-2em)
}
.scroll#header {
    height:56px
}
.scroll .logobar .logo {
    padding-top:6px
}
.scroll .logobar .logo img {
    height:42px
}
.scroll #Nav li a {
    height:56px;
    line-height:59px
}
.abs.logo {
    opacity:0;
    filter:alpha(opacity=0);
    transition:all .6s ease-in-out;
    background-color:rgba(82,199,0,.4);
    background-image:url(../images/ilogo.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto auto
}
li:hover .abs {
    opacity:1
}
#footer {
    background-color:#f5f5f5;
    margin-top:3vw
}
@media (max-width:768px) {
    #footer {
        border:none
    }
}#footer .flogo {
     float:left;
     display:inline-block;
     text-align:center;
     margin:4vw 4vw 0 2vw
 }
#footer .fr.ewm {
    margin-top:1.5rem
}
@media (max-width:768px) {
    #footer .fr.ewm {
        display:none
    }
}.botnav {
     display:block;
     overflow:hidden;
     padding:1rem 0;
     margin-bottom:1vw;
     display:flex;
     flex-flow:row nowrap;
     justify-content:space-between
 }
.botnav dl {
    position:relative;
    flex:1
}
.botnav dl dt {
    display:block;
    font-size:.8rem;
    color:#fff;
    box-sizing:border-box;
    line-height:2.7em;
    transition:none;
    white-space:nowrap
}
@media (max-width:768px) {
    .botnav dl dt {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    .botnav dl dt {
        font-size:1rem
    }
}.botnav dl a {
     color:#555;
     line-height:4em
 }
.botnav dl:before {
    display:block;
    color:#555;
    content:"|";
    font-size:15px;
    line-height:4em;
    z-index:5;
    position:absolute;
    right:30%;
    top:0
}
@media (max-width:640px) {
    .botnav dl:before {
        font-size:1rem
    }
}.botnav dl:last-child:before {
     display:none
 }
.botnav dl dd a {
    font-size:13px;
    color:#666;
    line-height:2.2em
}
@media (max-width:768px) {
    .botnav {
        display:none
    }
}.fot_link {
     clear:both;
     padding:10px;
     line-height:2em
 }
.fot_link strong {
    float:left;
    color:#333
}
.fot_link a {
    color:#aaa;
    padding:0 10px
}
.fot_link a:hover {
    color:#52c700
}
.copyright {
    text-align:center;
    background-color:#52c700;
    padding:.5rem 0;
    color:#f7f7f7
}
.copyright a {
    color:#588058
}
.ind_ewm {
    float:right;
    text-align:center;
    max-width:174px;
    padding:9px
}
.ind_ewm img {
    max-width:100%
}
.ind_ewm p {
    font-size:13px;
    color:#aaa;
    line-height:2em
}
.ind_ewm a {
    font-size:13px;
    text-transform:uppercase;
    line-height:3em;
    height:2em;
    color:#ddd
}
.ind_tit {
    text-align:center;
    position:relative;
    padding:2vw 0;
    margin-top:.5rem
}
.ind_tit h2 {
    font-size:1.5rem;
    color:#333;
    font-weight:400;
    line-height:1.2em
}
@media (max-width:768px) {
    .ind_tit h2 {
        font-size:1.2rem
    }
}.ind_tit small {
     display:block;
     font-family:FontBlar;
     font-size:.9rem;
     color:#666;
     position:relative;
     padding-bottom:.5rem
 }
@media (max-width:768px) {
    .ind_tit small {
        font-size:.94444444rem
    }
}.ind_tit small:after {
     display:block;
     background-color:#52c700;
     content:" ";
     height:2px;
     width:30px;
     z-index:5;
     position:absolute;
     left:50%;
     bottom:0;
     transform:translateX(-50%)
 }
.ind_tit .wrap {
    justify-content:end;
    display:grid
}
.ind_tit ul {
    max-width:800px;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around
}
.ind_tit ul li {
    padding-left:2rem
}
.ind_tit ul a {
    font-size:15px;
    color:#333;
    display:block;
    line-height:3em
}
@media (max-width:640px) {
    .ind_tit ul a {
        font-size:1rem
    }
}.ind_tit ul a.act {
     border-bottom:2px solid #000
 }
.ind_pro {
    width:102%;
    padding-bottom:2vw
}
.ind_pro li {
    float:left;
    overflow:hidden;
    box-shadow:2px 2px 7px rgba(70,70,70,.2);
    position:relative;
    border-radius:5px;
    background-color:#f5f5f5;
    margin-right:2%;
    margin-bottom:2%;
    width:29%;
    padding:1%
}
@media (max-width:768px) {
    .ind_pro li {
        width:46%!important
    }
}.ind_pro a {
     display:block
 }
.ind_pro .big {
    position:relative;
    z-index:0
}
.ind_pro .imWrap {
    padding-top:40%
}
.ind_pro .imWrap img {
    max-width:100%;
    width:auto;
    left:inherit;
    right:0;
    max-height:100%
}
.ind_pro .wrap {
    margin-top:-1rem;
    padding-left:1.5rem;
    padding-right:.5rem
}
.ind_pro h3 {
    font-size:1.2rem;
    color:#333;
    text-align:left;
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:2em;
    padding-bottom:.5em
}
@media (max-width:768px) {
    .ind_pro h3 {
        font-size:1.09090909rem
    }
}.ind_pro h3:after {
     display:block;
     background-color:#52c700;
     content:" ";
     height:3px;
     width:1.5rem;
     z-index:5;
     position:absolute;
     left:0;
     bottom:0
 }
.ind_pro small {
    font-size:12px;
    font-family:FontBlar;
    text-transform:uppercase;
    color:#999;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:5em;
    height:5em
}
.ind_pro p {
    font-size:15px;
    color:#888;
    display:block;
    overflow:hidden;
    height:3.5em;
    line-height:1.7em
}
@media (max-width:640px) {
    .ind_pro p {
        font-size:1rem
    }
}.ind_pro i {
     display:block;
     margin-left:auto;
     margin-right:auto;
     font-size:1.25rem;
     color:#52c700;
     text-align:center;
     border:1px solid #52c700;
     border-radius:50%;
     width:2.25rem;
     line-height:2.25rem;
     margin-top:3vw
 }
@media (max-width:768px) {
    .ind_pro i {
        font-size:1.08695652rem
    }
}#ind_about {
     overflow:hidden;
     background-color:#1e2129;
     background-image:url(../images/14.jpg);
     background-repeat:no-repeat;
     background-position:right 0;
     background-size:auto auto
 }
@media (max-width:768px) {
    #ind_about {
        background-position:right bottom
    }
}#ind_about .w50 {
     width:50%;
     float:left
 }
#ind_about .w50>img {
    display:block;
    float:right
}
.ind_about {
    box-sizing:border-box;
    width:48vw;
    padding-top:2vw;
    padding-left:4vw;
    max-width:760px
}
.ind_about h2 {
    color:#52c700;
    font-size:2.3rem;
    line-height:2em;
    margin-top:1em;
    letter-spacing:2px
}
@media (max-width:768px) {
    .ind_about h2 {
        font-size:1.42857143rem
    }
}.ind_about p.con {
     font-size:15px;
     color:#fff;
     overflow:hidden;
     line-height:1.9em;
     height:9em;
     margin:2em 2em 4em 0
 }
@media (max-width:640px) {
    .ind_about p.con {
        font-size:1rem
    }
}@media (max-width:768px) {
    .ind_about p.con {
        padding-left:2em
    }
}.ind_about .moreR {
     margin-left:0
 }
.ind_about img {
    max-width:100%
}
#ind_4nav li {
    width:25%;
    float:left;
    text-align:center;
    position:relative;
    padding:5vw 0 3vw;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% 100%
}
#ind_4nav li:before {
    display:block;
    content:" ";
    height:100%;
    width:100%;
    z-index:0;
    position:absolute;
    left:0;
    top:0
}
#ind_4nav li:hover:before {
    background-color:rgba(82,199,0,.8)
}
#ind_4nav li:hover i {
    background-image:url(../images/i033.png)
}
#ind_4nav li:nth-child(n+3) i {
    background-image:url(../images/i04.png)
}
#ind_4nav li:nth-child(n+3):hover i {
    background-image:url(../images/i044.png)
}
@media (max-width:768px) {
    #ind_4nav li {
        width:50%
    }
}#ind_4nav a {
     display:block;
     position:relative
 }
#ind_4nav i {
    width:4.5rem;
    height:4.5rem;
    display:block;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/i03.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto 100%
}
#ind_4nav h3 {
    font-size:1.6rem;
    font-weight:700;
    color:#fff;
    position:relative;
    line-height:2.8em
}
@media (max-width:768px) {
    #ind_4nav h3 {
        font-size:1.23076923rem
    }
}#ind_4nav h3:after {
     display:block;
     background-color:#fff;
     content:" ";
     height:2px;
     width:20px;
     z-index:5;
     position:absolute;
     left:50%;
     bottom:0;
     transform:translateX(-50%)
 }
#ind_4nav small {
    font-size:.9rem;
    text-transform:uppercase;
    color:#fff;
    font-family:Arial;
    line-height:2.4em;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
@media (max-width:768px) {
    #ind_4nav small {
        font-size:.94444444rem
    }
}#ind_4nav .moreR {
     color:#fff;
     margin:3vw auto;
     border-color:#fff
 }
.bg_news {
    padding-bottom:3vw;
    background-image:url(../images/03.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto auto
}
#case_banner {
    padding:1rem 0
}
#case_banner .swiper-slide {
    box-sizing:border-box;
    box-shadow:2px 2px 7px rgba(70,70,70,.2);
    background-color:#fff;
    padding:1.6rem
}
#case_banner .swiper-slide:hover {
    border:.25rem solid #52c700;
    padding:1.35rem
}
#case_banner .swiper-slide:hover .abs {
    opacity:1
}
#case_banner .swiper-slide:hover .more {
    color:#52c700;
    border-color:#52c700
}
#case_banner .big {
    position:relative
}
#case_banner .imWrap {
    padding-top:63%
}
#case_banner+.swiper-button-prev {
    top:40%
}
#case_banner+.swiper-button-prev+.swiper-button-next {
    top:40%
}
#case_banner .more {
    display:inline-block;
    font-size:14px;
    color:#52c700;
    float:right;
    margin-left:.5rem
}
@media (max-width:640px) {
    #case_banner .more {
        font-size:13px
    }
}#case_banner .date {
     position:relative;
     color:#52c700;
     font-size:1.3rem;
     line-height:2em;
     margin-top:-1rem
 }
@media (max-width:768px) {
    #case_banner .date {
        font-size:1.13043478rem
    }
}#case_banner h4 {
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     font-size:.9rem;
     color:#333;
     font-weight:400;
     line-height:2.4em;
     padding-top:.2rem
 }
@media (max-width:768px) {
    #case_banner h4 {
        font-size:.94444444rem
    }
}#case_banner small {
     font-size:14px;
     color:#888;
     display:block;
     overflow:hidden;
     line-height:1.7em;
     height:5em
 }
@media (max-width:640px) {
    #case_banner small {
        font-size:13px
    }
}#case_banner .tagbar {
     border-bottom:1px solid #ddd;
     padding:.6rem 0
 }
#case_banner .tagbar span {
    font-size:13px;
    color:#52c700
}
#case_banner .tagbar a {
    font-size:13px;
    color:#aaa
}
#ind_news {
    overflow:hidden;
    padding-bottom:4vw
}
#ind_news>.containe {
    overflow:visible
}
@media (max-width:768px) {
    #ind_news {
        padding:0
    }
    #ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il {
        display:none
    }
}#ind_news .swiper-button-prev.il {
     background:url(../images/il.jpg) no-repeat 0 center;
     left:-50px
 }
#ind_news .swiper-button-next.ir {
    padding:0;
    background:url(../images/ir.jpg) no-repeat right center;
    right:-50px
}
#ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il {
    width:32px;
    height:58px;
    background-size:100% auto
}
@media (max-width:700px) {
    #ind_news .swiper-button-next.ir,#ind_news .swiper-button-prev.il {
        width:20px;
        height:36px
    }
}#cor_banner {
     padding:1rem 0
 }
#cor_banner .swiper-slide {
    background-color:#fff;
    box-shadow:2px 2px 7px rgba(70,70,70,.2);
    border-radius:4px;
    height:5rem
}
#cor_banner .imgcon {
    height:100%
}
.breakerDiv {
    overflow:hidden;
    border-bottom:1px solid #ddd;
    margin-bottom:1rem
}
.breakerDiv h1,.breakerDiv h3 {
    color:#333;
    font-weight:400;
    font-size:1.4rem
}
@media (max-width:768px) {
    .breakerDiv h1,.breakerDiv h3 {
        font-size:1.16666667rem
    }
}@media (max-width:768px) {
    .breakerDiv h1,.breakerDiv h3 {
        display:none
    }
}.breakerDiv+.ind_pro {
     padding-top:0
 }
.breaker {
    color:#666;
    font-size:14px;
    box-sizing:border-box;
    float:right;
    line-height:50px;
    overflow:hidden
}
@media (max-width:640px) {
    .breaker {
        font-size:13px
    }
}.breaker a {
     color:#666
 }
.breaker a:last-child {
    display:inline-block;
}
.breaker span {
    color:#666
}
.breaker span:last-of-type {
    display:inline-block;
}
.breaker i {
    color:#666
}
@media (max-width:768px) {
    .breaker {
        float:none
    }
}.main {
     overflow:hidden;
     margin-top:2vw
 }
.main .bor {
    border:1px solid #bbb;
    box-sizing:border-box;
    padding:1rem
}
.lside {
    float:left;
    position:relative;
    z-index:55;
    width:13.5rem;
    margin-right:2rem
}
.lside h2 {
    font-size:1.3rem;
    color:#fff;
    background-color:#52c700;
    box-sizing:border-box;
    text-align:left;
    border-bottom:1px solid #42a000;
    line-height:2.5em;
    padding:.3rem 1.2rem
}
@media (max-width:768px) {
    .lside h2 {
        font-size:1.13043478rem
    }
}.lside h2 span {
     display:block;
     border-bottom:1px solid #fff;
     min-width:80%
 }
.lside h2 small {
    font-family:Arial;
    font-weight:400;
    font-size:.8rem;
    color:#fff;
    display:block;
    line-height:3em
}
@media (max-width:768px) {
    .lside h2 small {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    .lside h2 small {
        font-size:1rem
    }
}.lside .iauth {
     box-sizing:border-box;
     background-color:#52c700;
     padding:.5rem 1.2rem
 }
.lside .iauth li {
    position:relative;
    border-bottom:1px solid #86e246
}
.lside .iauth a {
    text-align:left;
    font-size:.8rem;
    color:#fff;
    position:relative;
    display:block;
    line-height:3em;
    text-indent:1em
}
@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 {
     background-color:#44a400
 }
.lside .iauth dl {
    padding-left:1rem
}
.lside .iauth dl a {
    font-size:15px;
    color:#fff;
    line-height:3.4em
}
@media (max-width:640px) {
    .lside .iauth dl a {
        font-size:1rem
    }
}.lside .iauth dl a.active {
     color:#418412
 }
@media (max-width:768px) {
    .lside .iauth {
        background-color:#fff;
        padding:0;
        overflow:visible
    }
    .lside .iauth li {
        border:none
    }
    .lside .iauth li>a {
        color:#333
    }
    .lside .iauth li:hover>a {
        color:#fff
    }
    .lside .iauth dl {
        background-color:#52c700;
        box-sizing:border-box;
        width:100%;
        position:absolute;
        z-index:5;
        left:0;
        display:none!important
    }
    .lside .iauth li:hover dl {
        display:block!important
    }
}.lside h3 {
     font-size:1.4rem;
     color:#fff;
     background-color:#52c700;
     line-height:2.6em;
     margin-top:2vw;
     text-indent:1.5em
 }
@media (max-width:768px) {
    .lside h3 {
        font-size:1.16666667rem
    }
}.lside .newslist li {
     border-bottom:1px dashed #bbb;
     padding:.4rem 0
 }
.lside .newslist a {
    display:block;
    font-size:14px;
    color:#666;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:2.7em
}
@media (max-width:640px) {
    .lside .newslist a {
        font-size:13px
    }
}.lside .newslist a.act,.lside .newslist a:hover {
     color:#52c700
 }
.lside .newslist a i {
    color:#52c700;
    font-size:.9rem;
    padding:0 10px
}
@media (max-width:768px) {
    .lside .newslist a i {
        font-size:.94444444rem
    }
}.iauth li.open>a {
     color:#fff;
     background-color:#33b32a;
     background-image:url(../images/i.png)
 }
.iauth dl {
    display:none
}
.inner_list {
    box-sizing:border-box;
    padding:5px
}
.inner_list li {
    float:left;
    width:44%;
    margin:1.5%;
    padding:1.5%;
    background-color:#eee
}
.inner_list .imWrap {
    box-sizing:border-box;
    border:1px solid #bbb;
    padding-top:75%
}
.inner_list p {
    font-size:14px;
    color:#333;
    text-align:center;
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:3.6em;
    height:3em
}
@media (max-width:640px) {
    .inner_list p {
        font-size:13px
    }
}.inner_tit {
     clear:both;
     text-align:left;
     position:relative;
     padding-top:2rem;
     margin-bottom:1rem;
     border-bottom:1px solid #ddd
 }
.inner_tit h3 {
    font-size:1.2rem;
    color:#52c700;
    display:inline-block;
    line-height:2em;
    border-bottom:2px solid #52c700;
    padding-left:.3em;
    margin-bottom:-1px
}
@media (max-width:768px) {
    .inner_tit h3 {
        font-size:1.09090909rem
    }
}.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
}
#shareicon {
    display:inline-block
}
.articleCon {
    overflow:hidden;
    font-size:14px!important;
    line-height:2.1!important;
    color:#333!important
}
.articleCon img {
    max-width:100%;
    height:auto!important
}
.skip {
    overflow:hidden;
    margin-top:2vw;
    background-color:#eee;
    padding:.8rem;
    height:2em;
    border-radius:2rem
}
.skip>div {
    float:left;
    font-size:0;
    width:50%
}
.skip>div:last-child {
    text-align:right
}
.skip a {
    font-size:14px;
    color:#666;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:calc(100% - 5em)
}
@media (max-width:640px) {
    .skip a {
        font-size:13px
    }
}.skip span {
     font-size:14px;
     color:#333;
     display:inline-block;
     position:relative;
     overflow:hidden;
     padding-right:5px
 }
@media (max-width:640px) {
    .skip span {
        font-size:13px
    }
}h3.tag {
     color:#999;
     font-weight:400;
     font-size:14px;
     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:#52c700;
     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:#52c700;
    display:inline-block;
    border-bottom:2px solid #52c700;
    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%;
    border-bottom:1px dashed #bbb
}
.news_pre span.date {
    float:right;
    font-size:13px;
    color:#666
}
.news_pre a {
    font-size:14px;
    color:#666;
    padding-left:1.5em;
    background-image:url(../images/i09.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto;
    line-height:3em
}
@media (max-width:640px) {
    .news_pre a {
        font-size:13px
    }
}#pro_pre .swiper-slide a {
     display:block
 }
#pro_pre .swiper-slide .big img {
    min-height:100%
}
#pro_pre .swiper-slide p {
    color:#666;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    text-align:center;
    line-height:40px
}
.proTop .big {
    float:left;
    width:45%;
    max-width:27rem;
    margin-right:2vw;
    background-color:#f5f5f5
}
.proTop h1 {
    font-size:1.2rem;
    color:#333;
    line-height:1.2em;
    padding:1em 0
}
@media (max-width:768px) {
    .proTop h1 {
        font-size:1.09090909rem
    }
}.proTop p.con {
     line-height:1.8em;
     height:auto;
     display:block;
     overflow:hidden;
     color:#666;
     margin-bottom:1rem
 }
.proTop .zxun {
    display:inline-block;
    background-color:#52c700;
    overflow:hidden;
    padding:0 1rem;
    color:#fff;
    font-size:.8rem;
    border-radius:5px;
    line-height:2.4rem
}
@media (max-width:768px) {
    .proTop .zxun {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    .proTop .zxun {
        font-size:1rem
    }
}.proTop .zxun img {
     vertical-align:text-bottom;
     margin-right:9px
 }
.proTop .zxun em {
    font-family:FontBlar;
    font-size:1rem;
    vertical-align:bottom
}
.about_tit {
    text-align:center;
    margin-bottom:2vw
}
.about_tit h2 {
    font-size:1.5rem;
    color:#333;
    font-weight:400;
    line-height:1.2em
}
@media (max-width:768px) {
    .about_tit h2 {
        font-size:1.2rem
    }
}.about_tit small {
     font-size:1.2rem;
     color:#52c700;
     text-transform:uppercase
 }
@media (max-width:768px) {
    .about_tit small {
        font-size:1.09090909rem
    }
}.about_dl {
     max-width:1400px;
     margin:0 auto 4vw
 }
.about_dl dd {
    overflow:hidden
}
.about_dl dd:nth-child(even) .big {
    float:left;
    margin-right:2vw;
    margin-left:0
}
.about_dl .big {
    float:right;
    margin-left:2vw
}
.about_dl .wrap {
    font-size:15px;
    color:#333;
    line-height:2.2em;
    padding:3vw 2vw 0
}
@media (max-width:640px) {
    .about_dl .wrap {
        font-size:1rem
    }
}.about_dl .wrap img {
     max-width:100%;
     margin-bottom:1em
 }
.about_dl .wrap p {
    text-indent:1.5em;
    margin-bottom:1em
}
.tabUl.i1 {
    display:block;
    margin-bottom:.5rem
}
.tabUl.i1 li {
    float:left;
    background-color:#f5f5f5;
    font-size:.8rem;
    color:#333;
    line-height:2.5em;
    width:8em;
    text-align:center;
    display:block
}
@media (max-width:768px) {
    .tabUl.i1 li {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    .tabUl.i1 li {
        font-size:1rem
    }
}.tabUl.i1 li.act {
     background-color:#52c700;
     color:#fff
 }
.inner_products {
    width:103%;
    margin-top:1vw
}
.inner_products li {
    float:left;
    margin-right:2.3%;
    width:31%;
    margin-bottom:2.3%
}
.inner_products .big {
    position:relative;
    background-color:#f5f5f5;
    margin-bottom:.8rem;
    box-sizing:border-box;
    border:1px solid #f5f5f5
}
.inner_products .big img {
    width:auto;
    height:100%
}
.inner_products .more {
    float:right;
    background-color:#52c700;
    font-size:14px;
    color:#fff;
    display:inline-block;
    text-transform:uppercase;
    line-height:2em;
    padding:0 1em
}
@media (max-width:640px) {
    .inner_products .more {
        font-size:13px
    }
}.inner_products h5 {
     font-size:.8rem;
     color:#333;
     display:block;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     line-height:1.7em
 }
@media (max-width:768px) {
    .inner_products h5 {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    .inner_products h5 {
        font-size:1rem
    }
}.service_tit {
     font-size:1.5rem;
     color:#333;
     font-weight:400;
     text-align:center;
     margin-bottom:1em
 }
@media (max-width:768px) {
    .service_tit {
        font-size:1.2rem
    }
}.inner_case {
     padding:5px
 }
.inner_case li {
    overflow:hidden;
    padding:1.5rem;
    background-color:#f5f5f5;
    margin-bottom:1.5rem
}
.inner_case .more {
    background-color:#52c700;
    font-size:14px;
    color:#fff;
    display:inline-block;
    text-transform:uppercase;
    line-height:2em;
    padding:0 1em
}
@media (max-width:640px) {
    .inner_case .more {
        font-size:13px
    }
}.inner_case .big {
     float:left;
     width:18rem;
     height:12rem;
     margin-right:1.5rem
 }
.inner_case .big img {
    min-height:100%;
    width:auto;
    max-width:100%
}
.inner_case .date {
    color:#888;
    font-size:13px;
    display:block;
    padding:.8rem 0
}
.inner_case h3 {
    font-size:1.3rem;
    color:#333;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1.8em
}
@media (max-width:768px) {
    .inner_case h3 {
        font-size:1.13043478rem
    }
}.inner_case p.con {
     font-size:14px;
     color:#666;
     overflow:hidden;
     line-height:2em;
     height:6em;
     margin-bottom:1rem
 }
@media (max-width:640px) {
    .inner_case p.con {
        font-size:13px
    }
}@media (max-width:768px) {
    .inner_case li {
        padding:0
    }
    .inner_case .date,.inner_case .more {
        display:none
    }
    .inner_case h3 {
        margin-top:.7em
    }
}@media (max-width:640px) {
    .inner_case .big {
        width:42vw;
        margin-right:1rem;
        height:28vw
    }
}@media (max-width:480px) {
    .inner_case p.con {
        height:4em;
        margin-bottom:0
    }
}.inner_news {
     padding:5px;
     margin-top:1em
 }
.inner_news li {
    overflow:hidden;
    padding:1.5rem;
    border-bottom:1px solid #ddd
}
.inner_news .more {
    display:block;
    font-size:14px;
    text-align:center;
    float:right;
    color:#52c700;
    border-left:1px solid #ddd;
    line-height:3rem;
    margin-top:1.5rem;
    width:9em;
    margin-right:-1rem
}
@media (max-width:640px) {
    .inner_news .more {
        font-size:13px
    }
}.inner_news .date {
     color:#888;
     font-size:13px;
     float:left;
     text-align:center;
     display:inline-block;
     margin:6px;
     padding:1.1rem;
     background:#f5f5f5
 }
.inner_news .date strong {
    font-size:1.45rem;
    display:block;
    line-height:1.2em
}
@media (max-width:768px) {
    .inner_news .date strong {
        font-size:1.16rem
    }
}.inner_news .wrap {
     padding:0 3vw 0 2vw
 }
.inner_news h3 {
    font-size:1.3rem;
    color:#333;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1.2em
}
@media (max-width:768px) {
    .inner_news h3 {
        font-size:1.13043478rem
    }
}.inner_news p.con {
     font-size:14px;
     color:#666;
     overflow:hidden;
     line-height:24px;
     height:3.5em;
     margin-top:.6em
 }
@media (max-width:640px) {
    .inner_news p.con {
        font-size:13px
    }
}.inner_news li:hover {
     box-shadow:2px 2px 7px rgba(70,70,70,.2);
     border:none
 }
.inner_news li:hover .date {
    background-color:#52c700;
    color:#fff
}
.inner_news li:hover .more {
    border-color:#52c700;
    color:#52c700
}
.inner_news .tags {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.inner_news .tags .tag {
    display:inline-block;
    font-size:14px;
    color:#52c700;
    padding:.2rem 0
}
@media (max-width:640px) {
    .inner_news .tags .tag {
        font-size:13px
    }
}.inner_news .tags a {
     color:#999;
     display:inline-block;
     margin-right:.5em
 }
#ind_form2 {
    max-width:1200px;
    margin:0 auto 3vw
}
#ind_form2 .col {
    float:left;
    box-sizing:border-box;
    background-color:#f5f5f5;
    width:31%;
    border:1px solid #bbb
}
#ind_form2 .col:nth-child(2) {
    margin:0 3.5%
}
#ind_form2 .cb {
    background-color:#f5f5f5;
    box-sizing:border-box;
    border:1px solid #bbb
}
#ind_form2 input,#ind_form2 textarea {
    border:none;
    background-color:#f5f5f5
}
#ind_form2>div {
    padding-bottom:.8rem;
    margin-bottom:1.5rem;
    padding-top:.5em
}
#ind_form2>div>* {
    vertical-align:middle
}
#ind_form2 label {
    color:#666;
    padding-left:1em
}
#ind_form2 label i {
    font-size:14px;
    padding-right:5px;
    vertical-align:initial
}
#ind_form2 label i.fa-mobile {
    vertical-align:middle;
    font-size:21px
}
#ind_form2 textarea {
    width:70%;
    height:70px;
    text-indent:.8em
}
#ind_form2 .zxlysub {
    display:block;
    color:#fff;
    background-color:#52c700;
    height:50px;
    padding:0 3em;
    margin-left:auto;
    margin-right:auto;
    border:none;
    letter-spacing:3px;
    font-size:.8rem
}
@media (max-width:768px) {
    #ind_form2 .zxlysub {
        font-size:.88888889rem
    }
}@media (max-width:640px) {
    #ind_form2 .zxlysub {
        font-size:1rem
    }
}@media (max-width:768px) {
    #ind_form2 {
        width:100%;
        margin-bottom:2rem
    }
}.containe.contact2 {
     box-sizing:border-box;
     max-width:1200px;
     margin-top:1rem
 }
.containe.contact2 .tit {
    font-size:1.4rem;
    color:#52c700;
    font-weight:400;
    text-align:center;
    line-height:2em;
    padding-bottom:3vw
}
@media (max-width:768px) {
    .containe.contact2 .tit {
        font-size:1.16666667rem
    }
}.containe.contact2 .tit small {
     font-size:1rem;
     text-transform:uppercase;
     display:block;
     line-height:2em
 }
.containe.contact2 h3 {
    border-left:3px solid #eee;
    padding-left:.6rem;
    margin-bottom:.5rem
}
.containe.contact2 h3 small {
    font-size:1.2rem;
    color:#ddd;
    text-transform:uppercase;
    display:block
}
@media (max-width:768px) {
    .containe.contact2 h3 small {
        font-size:1.09090909rem
    }
}.containe.contact2 .lx {
     margin:0 5vw
 }
.containe.contact2+.cb p {
    line-height:0
}
#ditu {
    width:100%;
    position:relative;
    height:510px;
    margin-bottom:3vw
}
h2.contact_tit {
    font-size:1.9rem;
    color:#333;
    text-align:center;
    margin-top:2vw;
    line-height:2em
}
@media (max-width:768px) {
    h2.contact_tit {
        font-size:1.31034483rem
    }
}h1.contact_tit {
     font-size:1.4rem;
     color:#333;
     font-weight:400;
     text-align:center
 }
@media (max-width:768px) {
    h1.contact_tit {
        font-size:1.16666667rem
    }
}.contact_4s {
     text-align:center;
     margin-left:auto;
     margin-right:auto;
     margin:2vw auto;
     max-width:1000px;
     display:flex;
     flex-flow:row wrap;
     justify-content:space-around
 }
.contact_4s dd {
    flex:1
}
.contact_4s .img {
    margin:1rem 0
}
.moreR {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#666;
    border:1px solid #666;
    padding:0 2rem;
    line-height:3em;
    width:6em
}
.moreR i {
    font-size:.85rem;
    vertical-align:middle;
    line-height:1em;
    padding-left:5px
}
@media (max-width:768px) {
    .moreR i {
        font-size:.94444444rem
    }
}@media (max-width:640px) {
    .moreR i {
        font-size:1.0625rem
    }
}.moreR.bg {
     color:#fff;
     border-color:#fff
 }
#share-2 {
    text-align:right
}
.searchbar {
    background-color:#52c700;
    padding:1rem 0
}
.searchbar .fl {
    font-size:1.2rem;
    color:#fff;
    line-height:1.5em;
    padding-right:1rem
}
@media (max-width:768px) {
    .searchbar .fl {
        font-size:1.09090909rem
    }
}@media (max-width:768px) {
    .searchbar {
        display:none
    }
}#serach_form ul {
     display:flex;
     flex-flow:row wrap;
     justify-content:space-around
 }
#serach_form \ li {
    text-align:right
}
#serach_form label {
    color:#fff;
    padding:0 1em
}
#serach_form input {
    border:none;
    overflow:hidden;
    color:#fff;
    border-radius:4px;
    background-color:#44a400;
    height:2rem
}
#serach_form input[type=submit] {
    width:7rem
}