.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{
    color:#bbb
}
.clr{
    clear:both
}
.cc{
    color:#0f58d6
}
.cc1{
    color:#24407e
}
.cc2{
    color:#da251c
}
.cd{
    color:#ddd
}
.ce{
    color:#eee
}
.cf{
    color:#fff
}
.bc0{
    background-color:#000
}
.bcf{
    background-color:#fff
}
.bcc{
    background-color:#0f58d6
}
.boc{
    border-color:#0f58d6
}
.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
    }
}
.f45{
    font-size:2.25rem
}
@media (max-width:768px){
    .f45{
        font-size:1.36363636rem
    }
}
.f48{
    font-size:2.4rem
}
@media (max-width:768px){
    .f48{
        font-size:1.45454545rem
    }
}
.f50{
    font-size:2.5rem
}
@media (max-width:768px){
    .f50{
        font-size:1.51515152rem
    }
}
.f54{
    font-size:2.7rem
}
@media (max-width:768px){
    .f54{
        font-size:1.58823529rem
    }
}
.f60{
    font-size:3rem
}
@media (max-width:768px){
    .f60{
        font-size:1.57894737rem
    }
}
.f64{
    font-size:2.3rem
}
@media (max-width:768px){
    .f64{
        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:'宋体'
}
.fh{
    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
}
.c50{
    left:50%;
    transform:translateX(-50%)
}
.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-left:15px;
    margin-left:-15px
}
.pr{
    position:relative
}
.pa{
    position:absolute
}
.oh{
    overflow:hidden
}
.ov{
    overflow:visible
}
.wrap{
    overflow:hidden
}
.w50{
    width:50%;
    float:left
}
.w0{
    width:0
}
.w00{
    width:100%
}
.h0{
    height:0
}
.h00{
    height:100%
}
.ma00{
    max-width:100%
}
.mh00{
    max-height:100%
}
.wa{
    width:auto
}
.ha{
    height:auto
}
.abs{
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
    left:0;
    top:0
}
.imWrap{
    width:100%;
    padding-top:100%;
    position:relative;
    overflow:hidden
}
.imWrap img{
    display:block;
    position:absolute;
    width:100%;
    min-height: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 .2s
}
.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%;
    max-width:100%;
    transform:translateX(-50%)
}
@media (max-width:768px){
    .imgDiv img{
        width:150%;
        max-width:initial
    }
}
.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%;
    color:#bbb;
    content:"";
    width:0
}
.m3w{
    margin-top:30px;
    margin-top:3vw
}
.m2w{
    margin:2vw 0
}
.p2w{
    padding:2vw 0
}
.p3w{
    padding:3vw 0
}
.poi{
    cursor:pointer
}
.btn{
    display:inline-block;
    color:#333;
    font-size:14px;
    text-align:center;
    line-height:1.6rem;
    border:1px solid #333
}
@media (max-width:640px){
    .btn{
        font-size:13px
    }
}
.btn.bg{
    background-color:#0f58d6;
    color:#fff;
    border-color:#0f58d6
}
.tabCon .con{
    display:none
}
.tabCon .con.act{
    display:block
}
.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
}
.bgcon{
    overflow:hidden;
    background-color:#fff;
    padding-bottom:3vw;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto auto
}
.btnact{
    color:#fff;
    background-color:#0f58d6;
    background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e60012),to(#bb0917));
    box-shadow:1px 1px 10px rgba(0,0,0,.2)
}
.containe{
    max-width:1200px
}
#header{
    width:100%
}
#header .topr{
    float:right;
    display:block;
    white-space:nowrap;
    margin-top:22px
}
#header .topr .iconfont{
    color:#0f58d6;
    float:left;
    font-size:1.6rem;
    margin-right:9px;
    line-height:1.4
}
@media (max-width:768px){
    #header .topr .iconfont{
        font-size:1.23076923rem
    }
}
#header .topr h5{
    font-size:15px;
    color:#333;
    font-weight:400;
    display:inline-block;
    line-height:3.1
}
@media (max-width:640px){
    #header .topr h5{
        font-size:1rem
    }
}
#header .topr h5 em{
    color:#0f58d6;
    font-size:1rem;
    font-family:Arial;
    font-weight:700;
    display:inline-block;
    vertical-align:middle;
    letter-spacing:1px;
    line-height:1;
    margin-top:-3px
}
#header.scroll{
    position:fixed
}
.navbar{
    font-size:0;
    background-color:#fff
}
 .navbar .logo{
     position:relative;
     float:left;
    display:inline-block;
     z-index:5;
    /* padding:15px 0;
     */
     white-space:nowrap;
     padding-right:2vw 
}
 .navbar .logo img{
    display:inline-block;
    vertical-align:middle;
    margin-right:1.5rem
}
@media (max-width:768px){
    .navbar .logo img{
        max-height:42px;
        margin-top:3px
    }
}
.navbar .logo h1{
    font-size:0;
    display:none
}
.navbar .logo .slogan{
    display:none;
    vertical-align:bottom;
    font-size:.9rem;
    color:#485a64;
    line-height:1.5;
    margin-bottom:-4px
}
@media (max-width:768px){
    .navbar .logo .slogan{
        font-size:.94444444rem
    }
}
.mBtn{
    display:none;
    float:right;
    text-align:center;
    width:10%;
    cursor:pointer;
    margin-top:7px
}
.mBtn img{
    max-width:38px;
    max-height:35px
}
#Nav{
    display:block;
    text-align:center;
    overflow:visible;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between
}
#Nav a{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
#Nav li{
    position:relative;
    flex:1;
    padding-right:15px
}
#Nav li .tarA{
    display:block;
    font-size:2rem;
    font-weight:700;
    box-sizing:border-box;
    color:#222;
    line-height:92px;
    white-space:nowrap
}
@media (max-width:768px){
    #Nav li .tarA{
        font-size:.88888889rem
    }
}
@media (max-width:640px){
    #Nav li .tarA{
        font-size:1rem
    }
}
#Nav li .tarA.act{
    color:#0f58d6
}
#Nav li a:hover{
    color:#0f58d6
}
#Nav dl{
    text-align:left;
    display:none;
    background-color:#fff;
    position:absolute;
    min-width:74px;
    z-index:50;
    top:81%;
    left:50%;
    transform:translateX(-50%);
    padding:.5rem 1rem;
    border:1px solid #ddd
}
#Nav dl dd{
    display:block;
    font-size:14px;
    line-height:2.3
}
@media (max-width:640px){
    #Nav dl dd{
        font-size:13px
    }
}
#Nav dl dd a{
    display:inline-block;
    color:#333;
    line-height:.7rem;
    padding-right:.3rem;
    margin-right:.3rem
}
#Nav dl::before{
    display:block;
    position:absolute;
    content:" ";
    z-index:5;
    left:10px;
    top:-15px;
    width:16px;
    height:15px;
    background-image:url(../images/t8.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto
}
@media screen and (max-width:767px){
    body{
        padding-top:53px
    }
    #header{
        position:absolute;
        height:48px;
        top:0;
        left:0
    }
    .logo{
        padding:2px 0!important
    }
    .logo img{
        height:43px
    }
    .mBtn{
        display:inline-block
    }
    #Nav{
        display:none
    }
}
#footer{
    overflow:hidden;
    padding:2vw 0;
    clear:both;
    background:#252525;
    margin-top:3vw
}


.logostyle{
	width:300px;
	height:100px;
}

@media (max-width:1200px){
	.logostyle{
		width:300px;
		height:90px;
	}
}

@media (max-width:960px){
	.logostyle{
		width:300px;
		height:80px;
	}
}

@media (max-width:768px){
	.logostyle{
		width:300px;
		height:50px;
	}
}

@media (max-width:1200px){
    #footer .flogo{
        display:none
    }
}
@media (max-width:960px){
    #footer .ewm{
        display:none
    }
}
@media (max-width:768px){
    #footer{
        display:none
    }
}
.ewm{
    float:right;
    padding-top:.5rem;
    display:inline-block
}
.ewm .img{
    width:5rem;
    padding:.5rem
}
.ewm .img p{
    font-size:13px;
    color:#ddd;
    white-space:nowrap
}
.fotnav{
    overflow:hidden;
    display:flex;
    flex-flow:wrap
}
.fotnav dl{
    flex:5em
}
.fotnav dl dt a{
    font-size:.8rem;
    display:block;
    color:#fff;
    position:relative;
    line-height:1.5em;
    padding-bottom:.7rem
}
@media (max-width:768px){
    .fotnav dl dt a{
        font-size:.88888889rem
    }
}
@media (max-width:640px){
    .fotnav dl dt a{
        font-size:1rem
    }
}
.fotnav dl dd a{
    font-size:14px;
    color:#ddd;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:2
}
@media (max-width:640px){
    .fotnav dl dd a{
        font-size:13px
    }
}
.fotnav dl:nth-child(n-2){
    max-width:300px
}
.copyright{
    text-align:left;
    color:#ddd;
    background-color:#1e1e1e;
    padding:1rem
}
.copyright a{
    color:#ddd
}
.copyright .con{
    font-size:14px;
    color:#ddd;
    overflow:hidden
}
@media (max-width:640px){
    .copyright .con{
        font-size:13px
    }
}
@media (max-width:768px){
    .copyright{
        padding:0 0 60px!important;
        margin-top:30px;
        margin-top:3vw
    }
    .copyright .con{
        padding:1em 0
    }
    .copyright .fr{
        display:none
    }
}
.spot{
    text-align:center;
    display:none;
    padding:10px 0
}
.spot .dot,.spot li{
    display:inline-block;
    padding:0;
    background-color:#000;
    width:8px;
    height:8px;
    border-radius:100%;
    opacity:.2;
    margin:2px
}
.spot .dot.on,.spot li.on{
    background:#c53b55;
    opacity:1
}
@media screen and (max-width:640px){
    .spot{
        display:block
    }
}
.innernav{
    font-size:0;
    text-align:right;
    width:100%;
    overflow:hidden;
    padding-bottom:1rem
}
.innernav a.nava{
    display:inline-block;
    font-size:.8rem;
    color:#333;
    line-height:2rem;
    padding:0 2em;
    border-radius:1rem;
    margin:1rem
}
@media (max-width:768px){
    .innernav a.nava{
        font-size:.88888889rem
    }
}
@media (max-width:640px){
    .innernav a.nava{
        font-size:1rem
    }
}
.innernav a.nava.act,.innernav a.nava:hover{
    background-color:#0f58d6;
    border-color:#0f58d6;
    position:relative;
    z-index:8;
    color:#fff
}
.innernav .path{
    float:left;
    font-size:14px;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-top:1.5rem;
    max-width:400px
}
@media (max-width:640px){
    .innernav .path{
        font-size:13px
    }
}
.innernav .path a{
    color:#666
}
.innernav .path i{
    color:#aaa;
    padding-right:5px
}
@media screen and (max-width:640px){
    .innernav .path{
        margin-top:1rem
    }
    .innernav .searDiv,.innernav a.nava{
        display:none
    }
}
.flow.right_side{
    position:fixed;
    width:60px;
    height:275px;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:400
}
@media screen and (max-width:768px){
    .flow.right_side{
        display:none
    }
}
.flow ul{
    overflow:visible
}
.flow ul li{
    width:60px;
    height:60px;
    float:left;
    position:relative;
    margin-bottom:2px
}
.flow ul li .sidebox{
    position:absolute;
    border-radius:18px;
    width:60px;
    height:60px;
    top:0;
    right:0;
    transition:all .3s;
    background:rgba(37,58,135,.8);
    color:#fff;
    font:15px/60px;
    overflow:hidden
}
.flow ul li .sidetop,.flow ul li .sign,.flow ul li .wx{
    width:60px;
    height:60px;
    border-radius:18px;
    display:block;
    background:rgba(37,58,135,.8);
    transition:all .3s
}
.flow ul li i{
    display:inline-block;
    width:60px;
    line-height:60px;
    color:#fff;
    font-size:30px;
    text-align:center;
    vertical-align:middle
}
.flow .wx{
    position:relative
}
.flow .wx .wx_code{
    position:absolute;
    width:120px;
    height:120px;
    background:rgba(37,58,135,.8);
    padding:4px;
    left:-130px;
    top:50%;
    display:none;
    transform:translateY(-50%)
}
.flow .wx .wx_code img{
    max-width:100%
}
.flow .wx:hover,.flow ul li .sidebox:hover,.flow ul li .sidetop:hover{
    background:rgba(37,58,135,.8)
}
div.digg{
    text-align:center
}
div.digg .active *{
    background-color:#0f58d6;
    border-color:#0f58d6;
    color:#fff
}
.pre_news li{
    overflow:hidden;
    line-height:2.6rem;
    border-bottom:1px dashed #ddd
}
.pre_news i{
    color:#0f58d6;
    font-size:.9rem;
    padding-right:10px
}
@media (max-width:768px){
    .pre_news i{
        font-size:.94444444rem
    }
}
.pre_news a{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
    color:#333;
    display:block
}
@media (max-width:640px){
    .pre_news a{
        font-size:13px
    }
}
.pre_news a:hover{
    font-size:14px;
    color:#333
}
@media (max-width:640px){
    .pre_news a:hover{
        font-size:13px
    }
}
.zxun{
    background-color:#0f58d6;
    display:inline-block;
    color:#fff;
    line-height:2rem;
    margin:.8rem 0
}
.zxun img{
    border-right:1px solid #fff;
    display:inline-block;
    vertical-align:middle;
    padding:.5rem;
    margin-right:1em
}
.zxun i{
    margin:0 1em
}
.lside{
    float:left;
    position:relative;
    width:14rem;
    margin-right:2rem;
    z-index:300
}
.lside h2{
    font-size:1.2rem;
    color:#fff;
    background-color:#0f58d6;
    text-align:left;
    box-sizing:border-box;
    font-weight:700;
    line-height:3.4;
    text-indent:1em;
    background-image:url(../images/t5.png);
    background-repeat:no-repeat;
    background-position:80% center;
    background-size:auto auto
}
@media (max-width:768px){
    .lside h2{
        font-size:1.09090909rem
    }
}
.lside .iauth{
    box-sizing:border-box;
    border:1px solid #ddd;
    border-top:none
}
.lside .iauth li{
    position:relative;
    border-bottom:1px solid #ddd
}
.lside .iauth li:last-child{
    border:none
}
.lside .iauth a{
    text-align:left;
    font-size:.9rem;
    color:#333;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:3.2;
    text-indent:1.2em;
    padding-right:1em
}
@media (max-width:768px){
    .lside .iauth a{
        font-size:.94444444rem
    }
}
.lside .iauth a::after{
    display:block;
    font-family:'宋体';
    font-weight:700;
    content:">";
    z-index:5;
    position:absolute;
    right:10px;
    top:0
}
.lside .iauth a.act,.lside .iauth a:hover{
    color:#0f58d6;
    background-color:#f6f6f6;
    border-left:4px solid #0f58d6
}
.lside .bdiv{
    border:1px solid #ddd;
    margin-top:2rem;
    padding:0 .8rem .8rem
}
.lside h3{
    font-size:1.2rem;
    color:#0f58d6;
    font-weight:700;
    line-height:2.6;
    border-bottom:1px solid #ddd
}
@media (max-width:768px){
    .lside h3{
        font-size:1.09090909rem
    }
}
.lside .contact_l{
    padding-top:1em;
    line-height:2;
    padding-left:5px
}
@media (max-width:768px){
    .lside{
        width:100%;
        float:none
    }
    .lside>*{
        display:none
    }
    .lside .iauth{
        display:none;
        flex-flow:row wrap;
        justify-content:space-between;
        width:100%
    }
    .lside .iauth li{
        flex:1;
        flex:1 1 8em;
        text-align:center;
        margin-right:3%
    }
    .lside .iauth a{
        padding:0;
        line-height:2.7em
    }
    .lside .iauth a:after{
        display:none
    }
}
.listit{
    border-bottom:1px solid #ddd;
    overflow:visible;
    margin-bottom:2rem;
    text-align:center
}
.listit h2{
    font-size:1.2rem;
    font-weight:700;
    color:#0f58d6;
    display:inline-block;
    position:relative;
    background-color:#fff;
    margin-bottom:-2px;
    line-height:3.4
}
@media (max-width:768px){
    .listit h2{
        font-size:1.09090909rem
    }
}
.listit h2::after{
    display:block;
    background-color:#0f58d6;
    content:" ";
    height:3px;
    width:60%;
    z-index:5;
    position:absolute;
    left:20%;
    bottom:0
}
.wrap .ind_prolist{
    box-sizing:border-box;
    width:103%
}
.wrap .ind_prolist li{
    float:left;
    width:30.3%;
    margin-right:3%;
    margin-bottom:3.5%
}
.wrap .ind_prolist li .big{
    border:1px solid #ddd
}
.wrap .ind_prolist li .imWrap{
    padding-top:100%
}
.wrap .ind_prolist li .con{
    text-align:center
}
.wrap .ind_prolist li .tit{
    font-size:.8rem;
    color:#333;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:3.4;
    display:block
}
@media (max-width:768px){
    .wrap .ind_prolist li .tit{
        font-size:.88888889rem
    }
}
@media (max-width:640px){
    .wrap .ind_prolist li .tit{
        font-size:1rem
    }
}
.wrap .ind_prolist li span{
    display:inline-block;
    color:#fff;
    background-color:#0f58d6;
    border-radius:1rem;
    padding:0 2em;
    line-height:2.4
}
@media screen and (max-width:768px){
    .wrap .ind_prolist li{
        width:47.7%;
        margin-left:0;
        margin-right:2.3%
    }
}
.articleTit{
    font-size:1.5rem;
    color:#333;
    text-align:center;
    font-weight:400;
    line-height:2;
    margin-bottom:.5rem
}
@media (max-width:768px){
    .articleTit{
        font-size:1.2rem
    }
}
@media screen and (max-width:640px){
    .articleTit{
        line-height:1.6
    }
}
.backbtn{
    font-size:14px;
    cursor:pointer;
    color:#fff;
    float:right;
    background-color:#0f58d6;
    line-height:2.5;
    padding-left:1em;
    border-radius:3px
}
@media (max-width:640px){
    .backbtn{
        font-size:13px
    }
}
.backbtn i{
    display:inline-block;
    vertical-align:middle;
    font-size:1rem;
    margin-left:8px;
    width:1.4rem;
    line-height:1.4rem
}
@media screen and (max-width:768px){
    .backbtn{
        display:none
    }
}
#toolbar{
    display:none;
    width:100%;
    background-color:#fff;
    height:55px;
    position:fixed;
    z-index:999;
    bottom:0;
    left:0;
    border-top:1px solid #E5E9F2
}
@media (max-width:767px){
    #toolbar{
        display:block
    }
}
#toolbar ul li{
    float:left;
    position:relative;
    text-align:center;
    width:25%
}
#toolbar ul li a{
    width:100%;
    position:relative;
    color:#1b2c42;
    line-height:23px;
    padding-top:7px
}
#toolbar ul li a.iconfont{
    font-size:22px
}
#toolbar ul li a span{
    font-size:13px;
    display:block
}
#toolbar ul li:nth-child(2)::after{
    left:initial;
    right:0
}
#toolbar ul li ul li{
    width:100%;
    border-bottom:1px solid #fff
}
#toolbar ul li ul li a{
    width:100%;
    padding:0;
    height:28px;
    line-height:28px
}
#toolbar ul li:hover a{
    color:#0f58d6
}
#toolbar ul li:hover a::after{
    display:block;
    background-color:#0f58d6;
    position:absolute;
    content:'';
    height:2px;
    border-radius:0 0 10px 10px;
    left:0;
    top:0;
    right:0
}
.m_nav{
    height:100%;
    background-color:#fff;
    position:fixed;
    top:0;
    right:0;
    width:80%;
    box-shadow:0 15px 27px 0 rgba(167,165,165,.38);
    z-index:-1;
    opacity:1;
    visibility:visible;
    margin-top:0;
    transform:translateX(100%);
    transition:all .6s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .overly{
    position:absolute;
    height:100%;
    width:102vw;
    right:0;
    z-index:0;
    top:0
}
.m_nav .ul li .dropdown_menu{
    display:none;
    transition:none
}
.m_nav .ul li .dropdown_menu a{
    display:block;
    box-sizing:border-box;
    position:relative;
    height:50px;
    line-height:50px;
    padding:0 40px;
    border-bottom:1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child{
    border:none
}
.m_nav .ul li .dropdown_menu a .icon-arright{
    font-size:13px;
    margin-left:-20px;
    margin-right:10px
}
.m_nav .ul li .icon-xialajiantou{
    transition:all .5s ease 0s;
    font-size:8px;
    color:#666;
    font-weight:700;
    position:absolute;
    right:5px;
    top:0;
    z-index:20;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    border:7px solid #fff;
    border-radius:50%
}
.m_nav .ul li:hover .icon-xialajiantou{
    background:#f5f5f5
}
.m_nav .ul li:first-child .icon-xialajiantou{
    display:none
}
.m_nav .ul li .icon-xialajiantou.up{
    transform:rotate(180deg)
}
.m_nav.open{
    z-index:1000;
    transform:translateX(0)
}
.m_nav .top{
    height:60px;
    padding:20px;
    box-sizing:border-box
}
.m_nav .top .closed{
    width:30px;
    height:30px;
    vertical-align:middle;
    float:right;
    cursor:pointer
}
.m_nav .mlogo{
    width:100%;
    margin:0 auto
}
.m_nav .mlogo img{
    height:50px;
    display:block;
    margin:10px auto
}
.m_nav .ul{
    margin-top:20px;
    height:calc(100vh - 180px);
    overflow-y:auto
}
.m_nav .ul li{
    padding:0 20px;
    border-bottom:1px solid #f5f5f5;
    transform:translateY(0);
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
    transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
    opacity:0
}
.m_nav.open .ul li{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.m_nav .ul li:nth-child(1){
    -webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;
    transition:all .2s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(2){
    -webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;
    transition:all .4s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(3){
    -webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
    transition:all .6s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(4){
    -webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
    transition:all .8s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(5){
    -webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;
    transition:all 1s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(6){
    -webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;
    transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(7){
    -webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;
    transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li:nth-child(8){
    -webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;
    transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s
}
.m_nav .ul li a{
    display:block;
    text-decoration:none;
    color:#333;
    font-size:16px;
    height:50px;
    line-height:50px;
    width:100%
}
.m_nav .ul li a.leve1{
    display:block;
    width:auto;
    margin-right:3em
}
@media screen and (max-width:1000px){
    .m_nav .ul li a{
        display:inline-block;
        width:auto
    }
    .header #navToggle{
        height:100%;
        padding:9px 10px;
        display:inline-block;
        float:right
    }
    .header #navToggle span{
        position:relative;
        width:25px;
        height:1px;
        margin-top:19px
    }
    .header #navToggle span:after,.header #navToggle span:before{
        content:'';
        position:relative;
        width:100%;
        height:1px;
        left:0
    }
    .header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
        display:block;
        background:#4f4f4f
    }
    .header #navToggle span:before{
        top:8px
    }
    .header #navToggle span:after{
        bottom:10px
    }
    .header #navToggle.open span:before{
        top:10px;
        -webkit-transform:translateY(-11px) rotate(-45deg);
        -moz-transform:translateY(-11px) rotate(-45deg);
        -ms-transform:translateY(-11px) rotate(-45deg);
        -o-transform:translateY(-11px) rotate(-45deg);
        transform:translateY(-11px) rotate(-45deg)
    }
    .header #navToggle.open span:after{
        bottom:12px;
        -webkit-transform:translateY(10px) rotate(45deg);
        -moz-transform:translateY(10px) rotate(45deg);
        -ms-transform:translateY(10px) rotate(45deg);
        -o-transform:translateY(10px) rotate(45deg);
        transform:translateY(10px) rotate(45deg)
    }
    .header #navToggle.open span{
        background:0 0
    }
    .header #navToggle.open span:after,.header #navToggle.open span:before{
        background:#4f4f4f
    }
}
.skip{
    overflow:hidden;
    margin-top:50px;
    margin-bottom:30px;
    background:#f6f6f6;
    padding:5px
}
.skip>div{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:46%;
    line-height:30px;
    height:30px;
    text-indent:10px
}
.skip a{
    color:#666
}
.skip a:hover{
    color:#0f58d6
}
@media screen and (max-width:640px){
    .skip>div{
        width:100%;
        float:none;
        padding:5px;
        margin-left:-5px
    }
    .skip .fl{
        border-bottom:8px solid #fff
    }
}
@media screen and (max-width:640px){
    #ind_banner .swiper-slide{
        overflow:hidden
    }
    #ind_banner .swiper-slide img{
        max-width:130%;
        margin-left:-15%
    }
}
#ind_products{
    padding:3vw 0;
    border-bottom:3px solid #0f58d6;
    margin-bottom:1.5rem
}
#ind_products .big{
    position:relative;
    border:1px solid #ddd
}
#ind_products .big:hover{
    border-color:#0f58d6
}
#ind_products .titDiv{
    position:relative;
    font-size:.9rem;
    font-weight:700;
    color:#222;
    line-height:2.6;
    margin-bottom:5%
}
@media (max-width:768px){
    #ind_products .titDiv{
        font-size:.94444444rem
    }
}
#ind_products .titDiv::before{
    display:block;
    float:right;
    font-family:'宋体';
    color:#bbb;
    font-size:1.2rem;
    padding:0 .5em;
    line-height:2;
    content:">";
    z-index:5;
    transition:all ease-out .5s;
    -webkit-transition:all ease-out .5s
}
@media (max-width:768px){
    #ind_products .titDiv::before{
        font-size:1.09090909rem
    }
}
@media screen and (max-width:768px){
    #ind_products .titDiv{
        margin:5px 0
    }
}
#ind_products .onePro{
    float:left;
    display:block;
    width:26.5%
}
#ind_products .onePro .imWrap{
    padding-top:126.7%
}
#ind_products .onePro .imWrap img{
    width:auto;
    max-width:100%;
    display:block;
    min-height:inherit;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-40%)
}
#ind_products .onePro .big::after{
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
    left:0;
    top:0;
    content:"";
    background-image:url(../images/hot.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% auto;
    z-index:20
}
@media screen and (max-width:768px){
    #ind_products .onePro{
        width:100%;
        float:none
    }
    #ind_products .onePro .imWrap{
        padding-top:90%
    }
}
#ind_products .onePro:hover .titDiv{
    color:#0f58d6
}
#ind_products .onePro:hover .titDiv::before{
    color:#0f58d6;
    padding-right:0
}
#ind_products .ind_prolist li{
    float:left;
    width:31%;
    margin-left:2.3%
}
#ind_products .ind_prolist li .imWrap{
    padding-top:64.7%
}
@media screen and (max-width:768px){
    #ind_products .ind_prolist li{
        width:47.7%;
        margin-left:0;
        margin-right:2.3%
    }
}
#ind_products .ind_prolist li.lastone{
    background-color:#4c6069
}
#ind_products .ind_prolist li.lastone .imWrap{
    padding-top:80%
}
#ind_products .ind_prolist li.lastone .abs{
    box-sizing:border-box;
    padding:15% 15% 0;
    transition:all ease-out .5s;
    -webkit-transition:all ease-out .5s
}
#ind_products .ind_prolist li.lastone p{
    font-size:.9rem;
    color:#fff
}
@media (max-width:768px){
    #ind_products .ind_prolist li.lastone p{
        font-size:.94444444rem
    }
}
#ind_products .ind_prolist li.lastone a{
    font-size:14px;
    color:#fff;
    display:block;
    margin-top:18%
}
@media (max-width:640px){
    #ind_products .ind_prolist li.lastone a{
        font-size:13px
    }
}
#ind_products .ind_prolist li.lastone:hover .abs{
    transform:scale(1.1,1.1)
}
#ind_products .ind_prolist li:hover .titDiv{
    color:#0f58d6
}
#ind_products .ind_prolist li:hover .titDiv::before{
    color:#0f58d6;
    padding-right:0
}
@media screen and (max-width:768px){
    #ind_products .ind_prolist{
        width:102.3%
    }
}
.ind_tit{
    text-align:left;
    margin-bottom:2rem
}
.ind_tit h2{
    display:inline-block;
    font-size:1.5rem;
    font-weight:700;
    color:#222
}
@media (max-width:768px){
    .ind_tit h2{
        font-size:1.2rem
    }
}
.ind_tit small{
    font-size:14px;
    font-weight:400;
    display:inline-block;
    text-indent:.5em;
    color:#485a64
}
@media (max-width:640px){
    .ind_tit small{
        font-size:13px
    }
}
@media screen and (max-width:768px){
    .ind_tit{
        margin-bottom:1rem
    }
}
#ind_about{
    overflow:hidden;
    flex-flow:row wrap;
    justify-content:space-around;
    background-color:#4c6069
}
#ind_about .big{
    float:left;
    width:59%;
    border-right:.5rem solid #fff
}
@media screen and (max-width:1600px){
    #ind_about .big{
        height:26rem
    }
    #ind_about .big img{
        width:auto;
        height:100%;
        max-width:inherit
    }
}
@media screen and (max-width:640px){
    #ind_about .big{
        width:100%;
        height:auto;
        float:none
    }
    #ind_about .big img{
        max-width:100%;
        height:auto
    }
}
#ind_about .cont{
    padding:10% 10% 0
}
@media screen and (max-width:1600px){
    #ind_about .cont{
        padding:8% 2% 8% 6%
    }
}
@media screen and (max-width:640px){
    #ind_about .cont{
        padding-bottom:8%
    }
}
#ind_about h2{
    font-size:1.8rem;
    color:#fff;
    font-weight:400;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    letter-spacing:4px;
    line-height:2;
    margin-bottom:1.5rem
}
@media (max-width:768px){
    #ind_about h2{
        font-size:1.28571429rem
    }
}
@media screen and (max-width:768px){
    #ind_about h2{
        margin-bottom:.5rem
    }
}
#ind_about .con{
    font-size:15px;
    color:#fff;
    overflow:hidden;
    height:14em;
    line-height:2
}
@media (max-width:640px){
    #ind_about .con{
        font-size:1rem
    }
}
#ind_about .btns{
    margin-top:2.5rem
}
#ind_about .btns .btn{
    color:#fff;
    font-size:13px;
    display:inline-block;
    border-color:#fff;
    border-radius:5px;
    line-height:3;
    padding:0 2.5em;
    margin-right:5%
}
@media screen and (max-width:768px){
    #ind_about .btns .btn{
        line-height:2.4;
        padding:0 1.5rem
    }
}
#ind_supply{
    background-color:#0f58d6;
    box-sizing:border-box;
    padding:2rem;
    margin-top:.5rem
}
#ind_supply h3{
    float:left;
    font-size:1.8rem;
    color:#fff;
    display:inline-block;
    font-weight:700;
    line-height:2.2;
    border-bottom:2px solid #fff;
    margin:0 1.5rem
}
@media (max-width:768px){
    #ind_supply h3{
        font-size:1.28571429rem
    }
}
#ind_supply li{
    float:left;
    color:#fff;
    text-align:center;
    font-size:.9rem;
    font-weight:700;
    width:25%;
    line-height:3
}
@media (max-width:768px){
    #ind_supply li{
        font-size:.94444444rem
    }
}
#ind_supply li img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    transition:all ease-out .5s;
    -webkit-transition:all ease-out .5s
}
#ind_supply li:hover img{
    transform:rotate(360deg)
}
@media screen and (max-width:768px){
    #ind_supply{
        display:none
    }
}
#ind_news{
    padding-top:3vw
}
#ind_news .ind_newsli{
    width:103%;
    margin-top:1.5%
}
#ind_news .ind_newsli li{
    float:left;
    width:22%;
    margin-right:3%;
    line-height:2.2
}
@media screen and (max-width:768px){
    #ind_news .ind_newsli li{
        width:97%
    }
}
#ind_news .ind_newsli .date{
    float:right;
    font-size:13px;
    color:#666;
    padding-left:8px
}
#ind_news .ind_newsli a{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#333
}
#ind_news .ind_newsli a i{
    color:#0f58d6;
    padding-right:7px
}
.ind_newslist{
    padding-left:15px;
    margin-left:-15px
}
.ind_newslist li{
    float:left;
    box-sizing:border-box;
    border-radius:9px;
    width:22%;
    margin-right:3%;
    background-color:#f5f5f5;
    padding:1rem
}
.ind_newslist li:hover{
    box-shadow:2px 2px 7px rgba(70,70,70,.2)
}
.ind_newslist li:hover .tit,.ind_newslist li:hover .top *{
    color:#0f58d6
}
.ind_newslist li:nth-child(n+5){
    display:none
}
.ind_newslist .swiper-slide{
    border-bottom:3px solid #0f58d6;
    padding-bottom:.6rem
}
.ind_newslist .imWrap{
    padding-top:61.5%
}
.ind_newslist .tit{
    font-size:.9rem;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-weight:700;
    line-height:3
}
@media (max-width:768px){
    .ind_newslist .tit{
        font-size:.94444444rem
    }
}
.ind_newslist .tagdiv{
    font-size:13px;
    color:#666;
    line-height:.9
}
.ind_newslist .tagdiv span{
    margin-right:4%
}
.ind_newslist .con{
    font-size:14px;
    color:#666;
    overflow:hidden;
    display:block;
    line-height:1.7;
    height:3.4em;
    margin:1em 0 .5em
}
@media (max-width:640px){
    .ind_newslist .con{
        font-size:13px
    }
}
.ind_newslist .more{
    font-size:14px;
    color:#666
}
@media (max-width:640px){
    .ind_newslist .more{
        font-size:13px
    }
}
@media screen and (max-width:640px){
    .ind_newslist{
        width:98%
    }
    .ind_newslist li{
        width:100%;
        margin-right:0;
        margin-bottom:10px
    }
}
.searDiv{
    float:right;
    overflow:hidden;
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    margin-top:1.2rem;
    max-width:430px;
    width:215px;
    height:36px;
    border:1px solid #ddd;
    background:0 0;
    border-radius:18px
}
.searDiv .fa{
    position:absolute;
    font-size:.9rem;
    z-index:5;
    top:7px;
    right:11px;
    padding-left:6px;
    border-left:1px solid #ddd
}
@media (max-width:768px){
    .searDiv .fa{
        font-size:.94444444rem
    }
}
#searcher{
    float:right;
    display:block;
    font-size:13px;
    color:#333;
    border:none;
    position:relative;
    height:34px;
    width:160px;
    padding:0 2px;
    margin-right:4px;
    z-index:10;
    text-indent:7px
}
#searchglass{
    float:right;
    display:block;
    overflow:hidden;
    border:none;
    width:36px;
    height:36px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:3px center;
    text-indent:-99em;
    background-color:transparent
}
.ditucon{
    float:right;
    width:35rem;
    margin-left:3%
}
@media screen and (max-width:768px){
    .ditucon{
        display:none;
        margin-left:0
    }
    .ditucon+.wrap{
        display:inline-block;
        text-align:left
    }
}
.inner_new{
    margin-top:-1.5rem
}
.inner_new li{
    padding:1.5rem 0;
    border-bottom:1px solid #ddd
}
.inner_new li .item3{
    position:relative
}
.inner_new li .item3 a{
    display:block;
    overflow:hidden
}
.inner_new li .date{
    color:#666;
    text-align:center;
    float:left;
    display:inline-block;
    font-size:1.05rem;
    background-color:#ebebeb;
    margin-right:1.5rem;
    padding:.8rem .5rem .3rem
}
@media (max-width:768px){
    .inner_new li .date{
        font-size:1rem
    }
}
.inner_new li .date .big-date{
    position:relative;
    font-weight:400;
    font-size:1.5rem;
    color:#666;
    font-family:'宋体';
    display:block;
    line-height:.8
}
@media (max-width:768px){
    .inner_new li .date .big-date{
        font-size:1.2rem
    }
}
.inner_new li .date .small-date{
    font-size:12px;
    color:#666;
    display:inline-block;
    background-color:#fff;
    padding:0 7px
}
.inner_new li .big{
    width:10rem;
    float:left;
    margin-right:2.5vw
}
.inner_new li .imWrap{
    padding-top:67%
}
.inner_new li .text-wrap{
    position:relative;
    overflow:hidden;
    padding-right:10%
}
.inner_new li .text-wrap .title{
    font-size:1rem;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1.5;
    padding-bottom:.5rem
}
.inner_new li .text-wrap p{
    overflow:hidden;
    color:#666;
    display:block;
    font-size:14px;
    line-height:2;
    padding-top:5px;
    height:6em
}
@media (max-width:640px){
    .inner_new li .text-wrap p{
        font-size:13px
    }
}
.inner_new li:hover .title{
    color:#0f58d6
}
.inner_new li:hover .fa{
    color:#0f58d6;
    border-color:#0f58d6
}
.inner_new li.first{
    position:relative
}
.inner_new li.first .date{
    position:absolute;
    background-color:#0f58d6;
    top:0;
    left:0;
    z-index:55
}
.inner_new li.first .date .big-date{
    color:#fff
}
.inner_new li.first .date .small-date{
    color:#0f58d6
}
.inner_new li.first .big{
    width:24rem
}
.inner_new li.first .title{
    margin-bottom:2vw
}
.inner_new li.first .more{
    background-color:#0f58d6;
    color:#fff;
    display:inline-block;
    padding:0 1.5em;
    line-height:2.6;
    margin-top:3vw
}
@media screen and (max-width:640px){
    .inner_new li{
        padding:.6em;
        margin-bottom:.5em
    }
    .inner_new li.first .big{
        width:100%;
        margin-right:0;
        float:none;
        margin-bottom:1em
    }
    .inner_new li.first .title{
        margin-bottom:0
    }
    .inner_new li .date{
        display:none
    }
    .inner_new li .big{
        border:none;
        padding-left:0;
        width:8rem
    }
    .inner_new li .text-wrap .title{
        font-size:15px;
        padding-bottom:0
    }
    .inner_new li .text-wrap p{
        height:4em
    }
}
.skyDiv{
    position:relative;
    float:left;
    width:50%
}
.skyDiv .fangda{
    position:absolute;
    text-align:center;
    cursor:pointer;
    top:0;
    right:0;
    background:#eee;
    width:45px;
    height:45px;
    z-index:48
}
.skyDiv .fangda .fa{
    color:#0f58d6;
    font-size:1.5rem;
    font-weight:400;
    line-height:45px
}
@media (max-width:768px){
    .skyDiv .fangda .fa{
        font-size:1.2rem
    }
}
.skyDiv .swiper-slide{
    background-repeat:no-repeat;
    background-position:center
}
.skyDiv .gallery-top{
    height:21rem;
    box-sizing:border-box;
    border-right:1px solid #ddd
}
.skyDiv .gallery-top img{
    opacity:0;
    filter:alpha(opacity=0)
}
.skyDiv .swiper-button-white{
    width:2.25rem;
    height:2.25rem;
    background-color:#ccc;
    background-size:20px 20px
}
.skyDiv .swiper-button-white.swiper-button-next{
    right:0
}
.skyDiv .swiper-button-white.swiper-button-prev{
    left:0
}
@media screen and (max-width:640px){
    .skyDiv{
        width:100%;
        margin:0;
        float:none;
        border-bottom:1px solid #ddd
    }
    .skyDiv .fangda{
        display:none
    }
    .skyDiv .gallery-top{
        border-right:0
    }
}
.telline{
    color:#0f58d6;
    font-size:1.2rem
}
@media (max-width:768px){
    .telline{
        font-size:1.09090909rem
    }
}
.telline img{
    margin-right:.4rem;
    display:inline-block;
    vertical-align:text-bottom
}
.protop{
    overflow:hidden;
    position:relative;
    border:1px solid #ddd
}
.protop>.wrap{
    padding:1rem 1.5rem
}
.protop h1{
    font-size:1rem;
    font-weight:700;
    color:#333;
    line-height:1.5;
    border-bottom:1px solid #ddd;
    padding:.6rem 0;
    margin-bottom:1.4rem
}
.protop .prodes{
    height:10em;
    line-height:1.76
}
@media screen and (max-width:640px){
    .protop .prodes{
        height:auto;
        margin-bottom:3vw
    }
}
.protop .pro_zx{
    display:inline-block;
    color:#fff;
    border-color:#0f58d6;
    font-size:.8rem;
    text-align:left;
    background-color:#0f58d6;
    text-indent:2em;
    line-height:2rem;
    border-radius:2rem;
    margin:1.5rem 0
}
@media (max-width:768px){
    .protop .pro_zx{
        font-size:.88888889rem
    }
}
@media (max-width:640px){
    .protop .pro_zx{
        font-size:1rem
    }
}
.protop .pro_zx i{
    font-size:1rem;
    float:right;
    display:block;
    text-align:center;
    line-height:2rem;
    text-indent:1em;
    padding-right:1em
}
@media screen and (max-width:640px){
    .protop{
        overflow:hidden;
        clear:both
    }
    .protop h1{
        padding-top:1em
    }
    .protop .pro_zx{
        margin-top:3vw;
        display:none
    }
}
.products_cont{
    border:1px solid #ddd;
    border-top:none;
    padding:1rem 1.1rem 2rem
}
.products_cont .tabUL{
    font-size:0;
    border-bottom:1px solid #ddd;
    margin-bottom:1.5rem
}
.products_cont .tabUL li{
    display:inline-block;
    font-size:14px;
    color:#333;
    cursor:pointer;
    padding:0 2em;
    line-height:3;
    border:1px solid #ddd;
    border-bottom:none
}
@media (max-width:640px){
    .products_cont .tabUL li{
        font-size:13px
    }
}
.products_cont .tabUL li.act{
    background-color:#0f58d6;
    color:#fff;
    position:relative;
    border-color:#0f58d6;
    z-index:5;
    margin-right:-1px
}
.bord_cont{
    border:1px solid #ddd;
    padding:1rem 1.1rem;
    margin-top:2rem
}
.bord_cont .pre_news{
    width:102%;
    padding-top:.8rem
}
.bord_cont .pre_news li{
    width:48%;
    margin-right:2%;
    float:left;
    border:none;
    line-height:2.2
}
@media screen and (max-width:640px){
    .bord_cont .pre_news li{
        width:100%
    }
    .bord_cont .pre_news li li{
        width:100%;
        margin-right:0
    }
}
.bord_cont.article_cont{
    margin:0
}
.bord_cont.article_cont .listit{
    margin-top:-1rem
}
.bord_cont.card{
    background-color:#f5f5f5
}
.bord_cont.card>img{
    float:left;
    margin-right:2%
}
.bord_cont.card .wrap{
    padding:0 5%
}
.bord_cont.card h3{
    font-size:1.2rem;
    font-weight:400;
    color:#0f58d6;
    line-height:2.6
}
@media (max-width:768px){
    .bord_cont.card h3{
        font-size:1.09090909rem
    }
}
.bord_cont.card small{
    font-size:14px;
    color:#333;
    display:block
}
@media (max-width:640px){
    .bord_cont.card small{
        font-size:13px
    }
}
.bord_cont.card .telline{
    display:inline-block;
    vertical-align:middle;
    padding-left:5%
}
@media screen and (max-width:768px){
    .bord_cont.card{
        display:none
    }
}
.titbar{
    border-bottom:1px solid #ddd
}
.titbar .more{
    float:right;
    color:#666;
    margin-right:10px
}
.titbar h2{
    font-size:.9rem;
    color:#0f58d6;
    font-weight:700;
    display:inline-block;
    padding-left:.5em;
    margin-top:-1px;
    margin-left:-1px;
    line-height:2.6
}
@media (max-width:768px){
    .titbar h2{
        font-size:.94444444rem
    }
}
.news_pre{
    width:103%
}
.news_pre li{
    float:left;
    width:47%;
    margin-right:3%;
    border-bottom:1px dashed #ccc;
    line-height:38px
}
@media screen and (max-width:640px){
    .news_pre{
        width:100%
    }
    .news_pre li{
        width:100%;
        margin-right:0
    }
}
.news_pre span.date{
    float:right;
    font-size:13px;
    color:#666
}
.news_pre a{
    font-size:14px;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block
}
@media (max-width:640px){
    .news_pre a{
        font-size:13px
    }
}
.news_pre a::before{
    display:inline-block;
    vertical-align:middle;
    content:"•";
    z-index:5;
    padding-right:10px
}
#pro_pre{
    margin-top:1.2rem
}
#pro_pre .swiper-slide a{
    display:block
}
#pro_pre .swiper-slide .big{
    height:10rem;
    border:1px solid #bbb
}
#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
}
.tagspan{
    display:block;
    width:100%;
    height:31px;
    padding-bottom:20px;
    margin-top:1rem
}
.tagspan em{
    font-size:14px;
    color:#000;
    display:inline-block;
    line-height:2;
    padding:0 .5em 0 1em;
    border:1px solid #000;
    border-radius:3px
}
@media (max-width:640px){
    .tagspan em{
        font-size:13px
    }
}
@media screen and (max-width:640px){
    .tagspan{
        display:none
    }
}
.tagspan a{
    display:inline-block;
    color:#666;
    margin-left:.5rem;
    line-height:2
}
.yuangongmask{
    width:100%;
    height:100%;
    display:none;
    background:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    z-index:500
}
.bigimgovflow{
    position:relative;
    background-color:#fff;
    box-sizing:border-box;
    height:100%;
    padding:11px
}
.bigimgfloat{
    position:relative;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    height:100%
}
.bigimgcont{
    display:none;
    background-color:#fff;
    width:700px;
    height:64%;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    z-index:501
}
.bigimgfloat img{
    display:block;
    width:auto;
    max-width:100%;
    max-height:100%;
    margin-left:auto;
    margin-right:auto;
    background:#f2f2f2
}
.closebtn,.closeyuangong{
    display:block;
    position:absolute;
    overflow:hidden;
    width:1.5rem;
    height:1.5rem;
    background:url(../images/wwimg39.png) no-repeat;
    top:-16px;
    right:-10px;
    z-index:9;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
#lytable{
    display:none;
    overflow:hidden;
    position:absolute;
    background-color:#fff;
    border-radius:8px;
    z-index:1000;
    bottom:-216px;
    right:75px;
    width:350px;
    border:1px solid #ddd
}
#lytable .icon-guanbidanchuang{
    position:absolute;
    font-size:1rem;
    top:0;
    right:0
}
#lytable .top1{
    text-indent:18px;
    height:60px;
    background:#253a87
}
#lytable .top1 i{
    font-size:30px;
    color:#fff;
    line-height:60px
}
#lytable .title{
    height:39px;
    text-align:center;
    color:#fff;
    line-height:23px;
    background:#253a87;
    font-size:15px
}
#lytable .topAlign{
    width:154px;
    float:left;
    text-transform : uppercase;
}
#lytable .indexcode{
    float:right;
    width:115px
}
.formFrame{
    border:1px solid #e4e4e4;
    border-radius:3px;
    padding:16px 15px 0;
    margin:20px 20px 0
}
.formFrame input{
    box-shadow:none;
    height:42px;
    border-style:solid;
    margin-bottom:11px;
    border-color:#d0d0d0;
    box-sizing:border-box;
    display:inline-block;
    padding-left:11px;
    border-width:2px;
    color:#656565;
    font-weight:700;
    border-radius:5px;
    width:100%
}
.formFrame textarea{
    box-shadow:none;
    border-style:solid;
    margin-bottom:11px;
    border-color:#d0d0d0;
    box-sizing:border-box;
    display:inline-block;
    padding-left:11px;
    border-width:2px;
    color:#656565;
    font-weight:700;
    border-radius:5px;
    width:100%
}
.formFrame input.tijiao{
    background:#253a87;
    color:#fff;
    border-color:#253a87;
    margin:-4px 0 18px
}
.formFrame+.subtxt{
    display:block;
    text-align:center;
    line-height:2.5;
    padding-bottom:8px
}
 .pagebar {
     padding:20px;
     overflow:hidden
}
 .pagebar .pagination {
     display: flex;
     justify-content: center;
     margin-top: 10px;
}
 .pagination a {
     background: #fff;
     border: 1px solid #ccc;
     color: #333;
     font-size: 12px;
     padding: 5px 10px;
     margin: 0 2px;
     border-radius: 3px;
}
 .pagination span {
     color: #333;
     font-size: 12px;
     padding: 7px 2px;
     margin: 0 2px;
     border-radius: 3px;
}
 .pagination a:hover {
     color: #337ab7;
     border: 1px solid #337ab7;
}
 .pagination a.page-num-current {
     color: #fff;
     background: #337ab7;
     border: 1px solid #337ab7;
}
 .pagination .st{
     font-family:宋体
}
 .text-secondary{
     text-align:center;
     padding:20px 0
}