@charset "utf-8"; html { width: 100%; overflow-x: hidden; } body { background: #f1f1f1; padding-bottom: 1.05rem; font-family: '微软雅黑'; overflow-x: hidden; } #swiper2 .casli { top: 70% !important; } #swipermindn { height: auto; } #swipermindn .swiper-slide { background: url(../images/diannao.png) no-repeat center center; background-size: 100% 78%; padding: .3rem .38rem .5rem; } #swipermindn img { width: 100%; display: block; } #swiperdn .swiper-slide img { -moz-box-shadow: 1px 1px 8px #636363; -webkit-box-shadow: 1px 1px 8px #636363; box-shadow: 1px 1px 8px #636363; transition: transform 0.5s; } #swiperdn .swiper-slide:hover img { transform: scale(1.05); transition: transform 0.5s; } .yqbor { border-top: 1px solid #fff; } .submit { line-height: .6rem; font-size: .28rem; width: 2rem; } .submit button { background: #f7610c; color: #fff; outline: none; border: 0; width: 100%; } .messagem { margin-top: .28rem; padding: 0; } .formvcodep img { display: block; max-width: 100%; height: .45rem; } .formnamemb { background: #fff; color: #333; padding: .05rem .1rem; margin-bottom: .2rem; } .formname { line-height: .5rem; font-size: .28rem; width: auto; } .formnameinput input { line-height: .5rem; font-size: .26rem; border: 0; display: block; width: 5.7rem; outline: none; padding: 0; } .lxdhw input { width: 5.2rem; } .formvcode input { line-height: .5rem; font-size: .28rem; border: 0; display: block; width: 2rem; outline: none; padding: 0; } .formtextarea textarea { line-height: .4rem; font-size: .28rem; border: 0; display: block; width: 5rem; outline: none; } .guanjia { line-height: .6rem; font-size: .32rem; color: #fff; text-align: center; } .messag { justify-content: start; align-items: center; height: .96rem; color: #fff; } .mei { width: 20%; } .mei img { max-width: 100%; transition: transform 0.7s; display: block } .messag:hover .mei img { transform: rotate(360deg); transition: transform 0.7s; } .mest { line-height: .96rem; font-size: .24rem; padding-left: .15rem; } .dnmt { margin-top: .3rem; text-align: center; } #swiperdn { height: auto; padding: 0 .1rem; } #swiperdn .swiper-slide p { line-height: .5rem; height: .5rem; font-size: .16rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #swiperdn img { width: 100%; } .diannao { background: url(../images/diannao.png) no-repeat center center; background-size: 70% 74%; } .diannao img { max-width: 59%; padding-top: .09rem; } #swipershu img { width: 100%; } .lhpic { transition: transform .5s ease; backface-visibility: hidden; transform: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .qihwz { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #0d45a2; transition: transform .5s ease; transform: rotateX(-180deg); backface-visibility: hidden; } .qihwz p { box-sizing: border-box; position: absolute; width: 100%; padding: 0 .2rem; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; font-size: .24rem; } #swiper2 { height: auto; margin-top: .3rem; } #swiper2 img { width: 100%; display: block; } #swiper2 .swiper-slide { height: auto; position: relative; } .txt-scroll { width: 80%; line-height: .77rem; font-size: .24rem; color: #fff; } .txt-scroll .scrollbox { white-space: nowrap; overflow: hidden; transition: all .2s } .txt-scroll .txt, .txt-scroll .txt-clone { display: inline; position: relative } .pcdata { font-size: .28rem; } .clearfix { clear: both; } .iconfont { font-family: 'iconfont'; } .bgee { background: #eaeaea; } /*分页*/ .fenye { font-size: .24rem; } .fenye a { display: inline-block; line-height: .5rem; color: #000; margin-right: .14rem; padding: 0 11px; } .fenye a.foucus { color: #fff; background: #0d45a2; } .fenye a:last-child { margin-right: 0; } /*分页 end */ /*banner*/ .swiper-container { width: 100%; height: 4rem; } .swiper-slide { background-size: 100% auto; background-position: top; } .swiper-pagination-bullet { border: 0 !important; width: .63rem !important; height: .05rem !important; background: #eeeeee !important; border-radius: 0 !important; outline: none; } .swiper-pagination-bullet-active { background: #f7610c !important; } .swiper-pagination { bottom: 0 !important; } /*banner end */ /*导航*/ .bgpic { background: url("../images/topbaclmin.jpg") no-repeat center center; background-size: cover; } .navbar-brand { width: 40%; } .navbar-brand img { max-width: 100%; height: auto; float: left; } .navbar-toggler { padding: .25rem 0 .28rem; color: #0d45a2; line-height: .54rem; font-size: .6rem; outline: none; } .navbar-toggler-icon { width: .55rem; height: .55rem; } .navbar-collapse{ z-index: 999; right: 0px; width: 100%; position: absolute; top: 100%; } .navbar-nav { z-index: 999; right: 0; height: 100vh; width: 100%; background: #0d45a2; } .navbar-toggler .navbar-toggler-icon:after { content: "\e65b"; } .collapsed .navbar-toggler-icon:after { content: "\e607"; } .nav-item { border-bottom: 1px solid #03378e; width: 100%; text-align: center; color: #fff; line-height: .6rem; font-size: .28rem; cursor: pointer; } .nav-link { text-align: center; font-size: .3rem; line-height: .9rem; color: #fff; } .dropdown-item { text-align: center; font-size: .28rem; line-height: .7rem; color: #fff; } /*导航 end */ .hlist:first-child { background: url("../images/wzjs.jpg") no-repeat center center; background-size: cover; height: 2rem; padding: .3rem 0; } .hlist:nth-child(2) { background: url("../images/shang.jpg") no-repeat center center; background-size: cover; height: 2rem; padding: .3rem 0; } .hlist:nth-child(3) { background: url("../images/cheng.jpg") no-repeat center center; background-size: cover; height: 2rem; padding: .3rem 0; } .hlist:nth-child(4) { background: url("../images/four.jpg") no-repeat center center; background-size: cover; height: 2rem; padding: .3rem 0; } .wzjs { line-height: .5rem; font-size: .3rem; font-weight: bold; color: #fff; margin-top: .23rem; } .wzjsico { line-height: .58rem; font-size: .4rem; color: #fff; } .wzjslist { margin: .12rem 0; } .wzjst { position: relative; line-height: .3rem; font-size: .18rem; color: #fff; height: .3rem; } /*.wzjst::before { content: ' '; position: absolute; left: 15%; top: .1rem; width: .08rem; height: .08rem; background-color: #fff; border-radius: 100%; }*/ .head1 { margin-top: .3rem; z-index: 2; } .news { line-height: .55rem; font-size: .3rem; color: #0d45a2; margin-top: .25rem; font-weight: bold; } .news span { color: #f7610c; } .line { text-decoration: line-through; margin: 0 .22rem; color: #999999 !important; } .newslist { margin-top: .22rem; } .newslist a { display: flex; justify-content: center; } .newsl { width: 40%; text-align: center; display: flex; height: 1.56rem; } .newsl img { width: 100%; transition: transform 0.5s; display: block; } .newsd { line-height: .7rem; font-size: .6rem; color: #999999; } .newsy { line-height: .37rem; font-size: .18rem; color: #999999; } .newsr { width: 60%; padding-left: .2rem; } .newst { line-height: .54rem; height: .54rem; font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newsdes { line-height: .3rem; max-height: .6rem; font-size: .2rem; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newmore { line-height: .5rem; font-size: .26rem; background: #f7610c; text-transform: uppercase; margin-top: .3rem; } .newmore a { color: #fff; display: block; width: 100%; height: 100%; } .head2 { background: url("../images/aboutmin.jpg") no-repeat center center; background-size: auto; } .aboute { line-height: .3rem; font-size: .18rem; color: #f7610c; margin-top: .3rem; text-transform: uppercase; } .aboutc { line-height: .44rem; font-size: .3rem; color: #f7610c; font-weight: bold; } .aboutd { line-height: .6rem; max-height: 3rem; font-size: .24rem; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top: .21rem; } .aboutd a { color: #fff; } .gdong:first-child { background: #4aa3d6; } .gdong:nth-child(2) { background: #d5ab0b; } .gdong:nth-child(3) { background: #f7610c; } .gdong:nth-child(4) { background: #0d45a2; } .gdong { color: #fff; padding: 0 .15rem; height: 1.29rem; } .gundt { display: flex; flex-direction: row; justify-content: center; } .num { line-height: .45rem; font-size: .48rem; width: auto; text-align: right; } .numd { width: auto; padding-left: .1rem; } .numda { line-height: .17rem; font-size: .18rem; padding-bottom: .05rem; } .numico { line-height: .3rem; font-size: .35rem; } .gundti { line-height: .35rem; font-size: .24rem; text-align: center; } .aboulist { margin-top: .43rem; } .head3 { background: #f1f1f1; } .headcon2 { margin-top: .27rem; } .casete { line-height: .75rem; font-size: .24rem; text-align: center; } .headcon2 .swiper-slide img { width: 100%; } .casegdr { display: block; background: none !important; font-size: .3rem; line-height: .29rem; color: #1e5abd; right: 0 !important; width: auto !important; outline: none; top: 55% !important; } .casegdl { display: block; background: none !important; font-size: .3rem; line-height: .29rem; color: #1e5abd; left: 0 !important; width: auto !important; outline: none; top: 55% !important; } .headcon { position: relative; overflow: hidden; margin-top: .17rem; } .headcon .swiper-slide img { width: 100%; float: left; } .headcon .swiper-slide { height: 1.04rem; margin-top: .15rem !important; } .casli { top: 66% !important; } .gdong:nth-child(2) .numico { font-size: .25rem; } .gdong:nth-child(3) .numico { font-size: .25rem; } .gdong:nth-child(4) .numico { line-height: .2rem; } .head5 { background: url(../images/bgmes.jpg) no-repeat center center; background-size: cover; margin-top: .16rem; } .yqlj { line-height: .77rem; font-size: .24rem; color: #fff; } .yqljr { background-image: url("../images/yqljm.png") !important; background-size: auto !important; display: block; right: -.25rem !important; } .headhe { height: auto; margin-top: .27rem; } .foot { background: #2e2d2d; padding-bottom: .38rem; } .footlogo { margin: .28rem 0; } .footlogo img { max-width: 100%; float: left; } .foote { line-height: .35rem; font-size: .24rem; color: #fff; display: flex; justify-content: start; } .footfix { position: fixed; bottom: 0; background: #0d45a2; height: 1.06rem; text-align: center; z-index: 999; width: 100%; } .footc { line-height: 1.06rem; font-size: .3rem; width: 50%; } .footc a { color: #fff; display: block; width: 100%; height: 100%; } .footc a span { font-size: .35rem; } .smin { padding-bottom: .29rem; } .flor { display: none; } .xsdh { display: none; } .txtp { line-height: .77rem; font-size: .24rem; display: inline-block; padding-right: .25rem; } .txtp a { color: #fff; } .scroll-img { overflow: hidden; height: .77rem; } .txt { padding-left: 0; height: .77rem; } .anniu { position: absolute; width: .2rem; height: .2rem; background: url("../images/yqljm.png") no-repeat center center; background-size: auto; right: 0; top: .3rem; cursor: pointer; } .nybanner { height: 3.83rem; } .nybgff { background: #fff; } .nybgff .breadcrumb .breadcrumb-item { line-height: .6rem; font-size: .24rem; padding-left: .06rem; } .nybgff .breadcrumb .active { color: #f7610c; } .breadcrumb { padding: 0; } .nycom { margin-top: .22rem; min-height: 7rem; } .nyabt { width: 100%; line-height: .53rem; font-size: .36rem; text-align: center; margin-top: .24rem; } .nyabl { height: .02rem; background: #f7610c; width: .5rem; margin: 0 auto; } .nycam { background: #fff; margin-bottom: .35rem; min-height: 7rem; } .nyabo { margin: .22rem auto .17rem !important; padding: 0; } .nyabo .nyabob:first-child .gdong { background: #4aa3d6; } .nyabo .nyabob:nth-child(2) .gdong { background: #d5ab0b; } .nyabo .nyabob:nth-child(3) .gdong { background: #f7610c; } .nyabo .nyabob:nth-child(4) .gdong { background: #0d45a2; } .nyabob { padding: 0 .1rem; } .nyabto { line-height: .4rem; font-size: .26rem; padding: 0; } .nyabto img { max-width: 100%; } .nyabtb { margin-top: .1rem; margin-bottom: .25rem; } .nycam #certify { width: 90%; margin: .3rem auto; } #certify .headcon11 .swiper-slide { width: 60%; } .nypro { margin-top: .22rem; } .nypro a { background: #eeeeee; display: block; } .nypropic { padding: .1rem .1rem 0; } .nypropic img { max-width: 100%; } .nyprot { line-height: .7rem; height: .7rem; font-size: .28rem; text-align: center; padding: 0 .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nypro { padding: 0 .1rem; } .nyprop { padding: 0 .15rem; } .nyproct { line-height: .48rem; font-size: .3rem; text-align: center; margin-top: .24rem; } .nyprodu { line-height: .36rem; font-size: .24rem; text-align: center; margin-top: .11rem; color: #999999; border-bottom: 1px solid #d8d8d8; padding-bottom: .1rem; } .nyproduct { padding: 0 .35rem; } .nyprotext { line-height: .4rem; font-size: .26rem; margin-top: .23rem; } .nyprotext img { max-width: 100%; } .nyshback { margin-top: .6rem; padding-bottom: .39rem; border-bottom: 1px solid #d8d8d8; } .nyback { line-height: .5rem; font-size: .26rem; text-align: center; background: #0d45a2; border-radius: .19rem; margin: 0 auto; } .nyback a { display: block; color: #fff; } .nyback span { font-size: .1rem; padding-left: .1rem; } .nyxiy { margin-top: .15rem; margin-bottom: .15rem; } .syp { line-height: .36rem; font-size: .26rem; color: #0d45a2; } .sypl { line-height: .34rem; height: .34rem; font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xypn { margin-top: .1rem; } .nypicb { border-bottom: 0; } .nypicr, .nypicl { background: none !important; font-size: .5rem; color: #5f5e5e; outline: none; top: 55%; } .nypiclist { margin-top: .13rem !important; -moz-box-shadow: 0px 1px 11px #8C8C8C; -webkit-box-shadow: 0px 1px 11px #8C8C8C; box-shadow: 0px 1px 11px #8C8C8C; } .nypiclist img { width: 100%; } .zixun { margin: .4rem auto; } .nyzib { background: #f7610c; margin: 0 auto 0 0 !important; } .nypictit { line-height: .7rem; font-size: .24rem; border-bottom: 1px solid #d8d8d8; } .nypictext { line-height: .4rem; font-size: .16rem; margin-top: .15rem; margin-bottom: .4rem; } .nypictext img { max-width: 100%; } .nyzibl { margin: 0 0 0 auto; padding: 0 .3rem; } .box img { /* background: url("../images/nyhb.png") no-repeat center center; background-size: cover;*/ max-width: 100%; padding: .05rem; border: 3px solid #f7610c; } .box { margin-top: .1rem; padding: 0 .1rem; } .nyht { font-size: .28rem; line-height: .38rem; height: .76rem; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-align: center; margin-top: .1rem; } .nynewslist { margin-top: .3rem; height: 2.77rem; padding: 0 .15rem; } .nynewslist a { display: block; background: #eeeeee; height: 2.77rem; } .nynewp { display: none; } .nynewp img { max-width: 100%; } .nyjz { width: 100%; } .nynewm { display: none; line-height: .4rem; font-size: .22rem; color: #fff; text-align: center; text-transform: uppercase; } .nyprolist { min-height: 2rem; margin-top: .2rem; } .nyprolist .nynewslist:first-child a { height: 6.5rem; } .nyprolist .nynewslist:first-child .nynewm { display: block; margin-top: .24rem; width: 1.56rem; background: #0d45a2; } .nyprolist .nynewslist:first-child .nynewp { display: block; width: 90%; margin: 0 auto; } .nyprolist .nynewslist:first-child .nynri { width: 100%; padding: .2rem .3rem 0; } .nyprolist .nynewslist:first-child .nynr { display: flex; } .nyprolist .nynewslist:first-child .nynewdes { line-height: .3rem; max-height: .9rem; font-size: .24rem; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: .14rem; } .nyprolist .nynewslist:first-child .nyntri { margin-left: .2rem; width: 5.38rem; line-height: .36rem; max-height: .72rem; font-size: .26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-left: 0; margin-top: .1rem; display: flex; flex-direction: column; justify-content: center; } .nyprolist .nynewslist:first-child .nynt { width: 1.5rem; } .nyprolist .nynewslist:first-child .nynewtd { line-height: .65rem; font-size: .6rem; color: #0d45a2; font-weight: bold; } .nyprolist .nynewslist:first-child .nynewty { line-height: .28rem; font-size: .24rem; } .nyprolist .nynewslist:first-child { max-width: 100% !important; flex: 0 0 100%; height: 6.5rem; } .nynri { width: 100%; padding: 0 .3rem; } .nynt { width: 100%; } .nyntri { width: 100%; line-height: .36rem; max-height: .72rem; font-size: .26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-left: .05rem; margin-top: .05rem; } .nynewtd { line-height: .6rem; font-size: .6rem; color: #0d45a2; font-weight: bold; } .nynewty { line-height: .3rem; font-size: .24rem; padding-left: .05rem; } .nynewdes { line-height: .3rem; max-height: .6rem; font-size: .24rem; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: .14rem; padding-left: .05rem; } .ruanzhu { padding: 0; display: flex; justify-content: flex-start; align-items: center; } .rzico { width: .62rem; height: .62rem; font-size: .25rem; line-height: .55rem; color: #fff; text-align: center; background: #f7610c; border: 3px solid #bebebe; border-radius: 100%; margin-right: .05rem; } .rztxt { line-height: .99rem; font-size: .24rem; color: #333; } .ruanzhult { margin-top: .25rem; } .ruanzhu:nth-child(3) .rzico { font-size: .29rem; } .ruanzhu:nth-child(4) .rzico { font-size: .39rem; } .ruanzhu:nth-child(5) .rzico { font-size: .4rem; } .ruanzhu:nth-child(7) .rzico { font-size: .4rem; } .ruanzhu:nth-child(8) .rzico { font-size: .29rem; } .ruanzhu:nth-child(11) .rzico { font-size: .3rem; } .ruanzhu:nth-child(12) .rzico { font-size: .3rem; } .ruanzhu:nth-child(13) .rzico { font-size: .4rem; } .gainews { position: relative; margin-top: .2rem; } .gaipo { position: absolute; top: 0; left: 0; line-height: .76rem; font-size: 1rem; text-transform: uppercase; font-weight: bold; color: #e3e3e3; } .gaintit { margin-top: .23rem; border-bottom: 1px solid #d1d1d1; display: flex; justify-content: space-between; } .gaitit { font-weight: bold; line-height: .57rem; font-size: .36rem; color: #f7610c; } .gaitit span { color: #0d45a2; } .gainem { line-height: .44rem; font-size: .24rem; margin-top: .12rem; } .gainem a { color: #f7610c; } .gainews .row { margin: 0; } .gainewslt { margin-top: .2rem; } .gainewslt a { display: block; background: #fff; padding: .05rem .23rem .12rem; } .gaintitle { line-height: .55rem; height: .55rem; font-size: .28rem; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gaindes { line-height: .4rem; height: .4rem; font-size: .26rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .gaindate { line-height: .4rem; font-size: .24rem; color: #999999; } .gainewsltd { margin-bottom: .36rem; } .gainewslt { padding: 0; } /*.gainewslt:nth-child(5) { display: none; } .gainewslt:nth-child(6) { display: none; }*/ .gainewslt:nth-child(7) { display: none; } .gainewslt:nth-child(8) { display: none; } .gainewslt:nth-child(9) { display: none; } .minfix { width: 40%; } .minfix img { width: 100%; display: block; } .navbar { padding: 0 .2rem; } .bgpic{ padding: 0; } @media (min-width: 992px) { .navbar { padding: 0; } .gainewslt:nth-child(5) { display: block; } .gainewslt:nth-child(6) { display: block; } .gainewslt:nth-child(7) { display: block; } .gainewslt:nth-child(8) { display: block; } .gainewslt:nth-child(9) { display: block; } .gaintitle { line-height: .44rem; height: .44rem; font-size: .18rem; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.5s; } .gainewslt:hover .gaintitle { color: #f7610c; transition: color 0.5s; } .gaindes { line-height: .3rem; height: .3rem; font-size: .16rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .gaindate { line-height: .3rem; font-size: .14rem; color: #999999; } .gainewslt:nth-child(3n-2) { padding: 0 .22rem 0 0; } .gainewslt:nth-child(3n) { padding: 0 0 0 .22rem; } .gainewslt:nth-child(3n-1) { padding: 0 .11rem; } .gainews { position: relative; margin-top: 0; } .gaipo { position: absolute; top: 0; left: 0; line-height: .76rem; font-size: 1rem; text-transform: uppercase; font-weight: bold; color: #e3e3e3; } .gaintit { margin-top: .23rem; border-bottom: 1px solid #d1d1d1; display: flex; justify-content: space-between; } .gaitit { font-weight: bold; line-height: .47rem; font-size: .3rem; color: #f7610c; } .gaitit span { color: #0d45a2; } .gainem { line-height: .34rem; font-size: .14rem; margin-top: .12rem; } .ruanzhu:nth-child(3) .rzico { font-size: .2rem; } .ruanzhu:nth-child(4) .rzico { font-size: .3rem; } .ruanzhu:nth-child(5) .rzico { font-size: .3rem; } .ruanzhu:nth-child(7) .rzico { font-size: .3rem; } .ruanzhu:nth-child(8) .rzico { font-size: .2rem; } .ruanzhu:nth-child(9) .rzico { font-size: .3rem; } .ruanzhu:nth-child(11) .rzico { font-size: .2rem; } .ruanzhu:nth-child(12) .rzico { font-size: .2rem; } .ruanzhu:nth-child(13) .rzico { font-size: .3rem; } .rztxt { line-height: .99rem; font-size: .15rem; color: #333; width: auto; } .ruanzhult { margin-top: .59rem; } .ruanzhu:hover .rzico { background: #0d45a2; transition: background 0.5s; } .rzico span { display: block; transition: transform 0.7s; } .ruanzhu:hover .rzico span { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transition: transform 0.7s; } .ruanzhu:hover .rzico:before{ color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .rzico:before{ content: " "; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #0d45a2; color: #fff; border-radius: 30px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); */ -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .rzico { width: .52rem; height: .52rem; font-size: .25rem; line-height: .41rem; color: #fff; text-align: center; background: #f7610c; border: 6px solid #bebebe; border-radius: 100%; margin-right: .1rem; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } .ruanzhu { justify-content: flex-start; width: 16.6%; } /* .ruanzhu:nth-child(5n) { width: auto; }*/ body { padding-top: .65rem; } .fixtop { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; height: .65rem; } #swiper2 .casli { top: 53% !important; } .nypicl { font-size: .42rem !important; } .nypicr { right: .25rem; } .nypiclist { width: 7.86rem !important; } .nypro:hover a { background: #0d45a2; } .nypro:hover .nyprot { color: #fff; } .formvcode input { line-height: .3rem; font-size: .16rem; } .formname { line-height: .3rem; font-size: .16rem; } .hlist:nth-child(1) { padding: 0 .2rem; height: auto; } .hlist:nth-child(2) { padding: 0 .2rem; height: auto; } .hlist:nth-child(3) { padding: 0 .2rem; height: auto; } .hlist:nth-child(4) { padding: 0 .2rem; height: auto; } #swiper2 .swiper-slide:hover .qihwz { transform: none; } #swiper2 .swiper-slide:hover .lhpic { transform: rotateX(-180deg); } .formvcodep img { height: .3rem; } .submit { line-height: .4rem; font-size: .18rem; width: 1.32rem; } .guanjia { line-height: .32rem; font-size: .24rem; color: #fff; text-align: center; } .formtextarea textarea { width: 5.9rem; line-height: .25rem; font-size: .16rem; } .formnameinput input { width: 2.5rem; line-height: .3rem; font-size: .16rem; } .messag { justify-content: center; } .mei { width: 17%; } .mest { line-height: .96rem; font-size: .18rem; padding-left: .15rem; } .dropdown:hover > .dropdown-menu { display: block; } body { padding-bottom: 0; background: #eeeeee; } .txt-scroll { width: 90%; font-size: .16rem; line-height: .53rem; } .nyht { font-size: .14rem; line-height: .17rem; height: .34rem; margin-top: .1rem; } .nypicr, .nypicl { top: 50%; font-size: .5rem; } .nyprot { line-height: .7rem; height: .7rem; font-size: .18rem; } .nyprotext { line-height: .4rem; font-size: .16rem; } .syp { line-height: .36rem; font-size: .16rem; } .sypl { line-height: .34rem; height: .34rem; font-size: .14rem; } .nyback { line-height: .6rem; font-size: .16rem; } .nyprodu { line-height: .36rem; font-size: .14rem; padding-bottom: 0; } .nyprolist .nynewslist:first-child .nynewty { line-height: .24rem; font-size: .14rem; } .nyprolist .nynewslist:first-child .nynewtd { line-height: .51rem; font-size: .48rem; } .pcdata { font-size: .16rem; padding: 0 .5rem; } /*分页*/ .fenye { font-size: .14rem; } .fenye a { line-height: .34rem; } /*分页 end */ /*banner*/ .swiper-container { height: 6rem; } .swiper-pagination { display: none; } .bannergdr { right: .54rem !important; } .bannergdl { left: .54rem !important; } .swiper-slide { background-size: auto 100%; background-position: center center; } /*banner end */ /*导航*/ .navbar-nav .active { background: #f7610c; } .topr { right: 0; top: 0; } .topr img { max-width: 100%; float: left; } .bgpic { background: url("../images/topbacl.png") no-repeat; background-size: auto; background-position: .2rem .05rem; } .navbar-brand { width: auto; padding: .19rem .28rem .19rem 0; } .navbar-nav { height: auto; position: relative; } .navbar .collapsed { background: none; } .nav-link { font-size: .14rem; line-height: .87rem; font-weight: bold; } .nav-item { border-bottom: 0; } .dropdown-menu { width: 240%; background: #0d45a2; left: 0; } .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } .dropdown-item { width: 100%; text-align: left; line-height: .46rem; font-size: .14rem; color: #fff; padding: 0 .17rem; border-bottom: 1px solid #03378e; } .dropdown-item:hover { color: #fff; background: #f7610c; } .nav-item:hover { background: #f7610c; } /*导航 end */ .toplogo { padding: .18rem 0 .13rem; } .toplogo img { max-width: 100%; float: left; } .topphone { display: flex; flex-direction: row; padding: .28rem .11rem .38rem; } .topico { font-size: .3rem; line-height: .49rem; } .toptel { font-size: .16rem; line-height: .25rem; } .topr { padding-left: .13rem; } .smin { padding-bottom: 0; } .toptelp { font-size: .2rem; line-height: .25rem; color: #cb0b1a; } .topweixin { font-size: .16rem; line-height: .25rem; display: flex; } .topweixin span { color: #194174; font-size: .2rem; } .topri { margin-top: .28rem; margin-bottom: .38rem; border-left: 1px solid #d2d2d2; padding-left: .17rem; } .sbg, .sbgg, .sbggg { transform: rotate(-2deg); transform-origin: center top; -ms-transform: rotate(-3deg); -ms-transform-origin: center top; } .sbg { background: url("../images/sbg.jpg") no-repeat center center; background-size: cover; position: absolute; z-index: 2; height: 100%; width: 200%; right: -5px; top: -.4rem; } .head1 { top: -1.09rem; margin-top: 0; } .wzjst { width: 100%; line-height: .24rem; font-size: .14rem; height: .72rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .wzjslist { margin: .05rem 0 .15rem; } .z3 { z-index: 3; } .wzjst::before { left: -3%; top: .09rem; } .news { line-height: .83rem; margin-top: .14rem; } .newsd { line-height: .45rem; font-size: .48rem; } .newsy { line-height: .2rem; font-size: .14rem; } .newslist a { border-left: 1px solid #999999; } .newst { line-height: .4rem; height: .4rem; font-size: .18rem; transition: color 0.5s; } .newsdes { line-height: .23rem; max-height: .46rem; font-size: .14rem; } .newsl { width: 35%; display: flex; overflow: hidden; height: 1.15rem; } .newslist { margin-top: .14rem; } .newsr { width: 55%; } .newslist { margin-top: .14rem; } .newslist:hover .newst { color: #f7610c; transition: color 0.5s; } .newslist:hover .newsl img { transform: scale(1.05); transition: transform 0.5s; } .newmore { line-height: .4rem; font-size: .14rem; padding: 0; transition: background 0.5s; } .newmore a { padding: 0 .59rem; } .newmore:hover { background: #0d45a2; transition: background 0.5s; } .head2 { background: url("../images/about.jpg") no-repeat center center; background-size: auto; margin-top: -1rem; height: 6.7rem; padding-bottom: .2rem; } .aboute { font-size: .4rem; line-height: .4rem; } .aboutc { line-height: .53rem; font-weight: 300; } .aboutd { line-height: .4rem; max-height: 2rem; font-size: .18rem; margin-top: 0; } .num { line-height: .5rem; font-size: .28rem; } .numd { padding-left: 0; } .numda { font-size: .14rem; padding-bottom: 0; line-height: .2rem; padding-left: .05rem; } .gdong { height: 1rem; } .gundti { line-height: .3rem; font-size: .18rem; } /*.gundt {margin-top: .2rem;}*/ .dgh { margin-top: 1rem; } .aboulist { margin-top: .3rem; } .flor { display: block; position: fixed; right: 0; top: 55%; text-align: center; z-index: 999; padding: 0; } .rightd { line-height: .36rem; font-size: .3rem; color: #fff; } .rightp { line-height: .22rem; font-size: .14rem; color: #fff; } .back { display: flex; border: 1px solid #0d45a2; background: rgba(35, 35, 35, 0.8); margin-top: .03rem; width: .7rem; height: .38rem; cursor: pointer; position: absolute; right: 0; transition-duration: .8s; top: 2.9rem; } .ove { width: .7rem; line-height: .32rem; height: .32rem; background: #f7430c; text-align: center; font-size: .14rem; color: #fff; right: 0; top: 3.31rem; position: absolute; cursor: pointer; transition-duration: .8s; font-weight: bold; } .xsdh { position: fixed; display: none; top: 70.3%; z-index: 999; } .back .rightd { line-height: .15rem; font-size: .2rem; } .back .rightp { line-height: .2rem; } .righto { display: flex; border: 1px solid #0d45a2; background: rgba(35, 35, 35, 0.8); margin-top: .03rem; width: .7rem; height: .7rem; cursor: pointer; position: absolute; right: 0; transition-duration: .8s; } .righto::before { content: ""; background-color: #0d45a2; position: absolute; height: 100%; width: 0; transition: all .8s ease; } .righto:hover { width: 1.77rem; background-color: #0d45a2; } .flor .righto:first-child { top: 0; } .flor .righto:nth-child(2) { top: .73rem; } .flor .righto:nth-child(3) { top: 1.46rem; } .flor .righto:nth-child(4) { top: 2.19rem; } .flor .righto:nth-child(5) { top: 2.92rem; } .flor .righto:nth-child(6) { top: 3.65rem; } .yccx { line-height: .24rem; height: 100%; display: none; color: #fff; font-size: .16rem; transition-duration: .8s; overflow: hidden; position: relative; } .flor .righto:nth-child(3):hover .yccx { display: block; } .flor .righto:nth-child(3):hover .rightd { display: none; } .flor .righto:nth-child(3):hover .rightp { display: none; } .castmt { margin-top: 0; line-height: .3rem; } .head4 { background: #eeeeee; margin-top: .4rem; } .headcon2 { margin-top: .36rem; } .casete { font-size: .16rem; } .headcon2:hover .casegdr { opacity: 1; } .headcon2:hover .casegdl { opacity: 1; } .headcon:hover .casegdr { opacity: 1; } .headcon:hover .casegdl { opacity: 1; } .casegdl, .casegdr { opacity: 1; transition: all 0.7s; width: .14rem !important; } .casegdl { left: -.05rem !important; } .casegdr { right: .08rem !important; } .numico { font-size: .3rem; } .yqlj { font-size: .18rem; line-height: .53rem; } .yqljr { background-image: url("../images/yqljr.png") !important; background-size: auto !important; right: 0 !important; } .casli { top: 60% !important; } .headcon .swiper-slide { height: .7rem; } .headhe { height: auto; margin-top: .36rem; } .foot { padding: .25rem 0 .15rem; } .footico { font-size: .35rem; line-height: .5rem; color: #fff; } .footwz { line-height: .21rem; font-size: .14rem; color: #fff; } .footth { line-height: .3rem; ; font-size: .24rem; color: #f15704; } .footelphone { padding-left: .15rem; } .footadd { line-height: .3rem; font-size: .14rem; color: #fff; } .footawz { line-height: .3rem; font-size: .14rem; color: #fff; } .footaico { font-size: .35rem; line-height: .5rem; color: #fff; margin-top: .1rem; } .footea { margin-top: .3rem; } .footbr { border-right: 1px solid #fff; } .footnav { font-size: .14rem; line-height: .36rem; text-align: center; padding: 0 .28rem; } .footnav a { color: #fff; width: 4em; display: block; text-align: left; } .bqsy { text-align: center; line-height: .25rem; font-size: .14rem; color: #fff; display: flex; justify-content: center; } .mobile { margin-top: .2rem; cursor: pointer; position: relative; padding: 0; } .ydbico { font-size: .4rem; line-height: .47rem; color: #fff; text-align: center; } .ydbt { line-height: .37rem; font-size: .14rem; text-align: center; color: #fff; } .code { position: absolute; top: .4rem; left: 0; width: 100%; opacity: 0; } .code img { width: 1rem; border: 2px solid #fff; height: 1rem; display: block; margin: 0 auto; } .sanjiao { width: 0; height: 0; border: .08rem solid; border-color: transparent transparent white; margin: 0 auto; } .mobile:hover .code { opacity: 1; transition: all 0.6s; } .mobile:hover .ydbico { color: #f15704; } .txtp { line-height: .53rem; font-size: .14rem; display: inline-block; padding-right: .25rem; } .scroll-img { overflow: hidden; height: .53rem; } .txt { padding-left: 0; height: .53rem; } .anniu { position: absolute; width: .16rem; height: .14rem; background: url("../images/yqljr.png") no-repeat center center; background-size: auto; right: 0; top: .2rem; cursor: pointer; } .nylpic { margin-top: .19rem; } .nylpic img { max-width: 100%; } .nynavo { line-height: .72rem; font-size: .24rem; background: #0d45a2; color: #fff; text-align: center; border-top: 5px solid #0076e4; } .nynavli { line-height: .6rem; font-size: .16rem; text-align: center; border-bottom: 1px solid #eeeeee; background: #fff; } .nynavt .active { background: #f7610c; } .nynavt .active a { color: #fff; } .nynavli:hover { background: #f7610c; } .nynavli:hover a { color: #fff; } .nynavli a { display: block; width: 100%; height: 100%; } .nycaml { padding: 0 .24rem 0 0; margin-bottom: .35rem; } .nybgff .breadcrumb .breadcrumb-item:first-child { padding-left: 0; } .nybgff .breadcrumb .breadcrumb-item { line-height: .38rem; font-size: .14rem; padding-left: .06rem; } .nyabto { line-height: .4rem; font-size: .16rem; padding: 0 .5rem; } .nyabt { font-size: .3rem; } .nyabl { width: .34rem; } .nycam { min-height: auto; } .nycam #certify { width: 70%; } #certify .headcon11 .swiper-slide { width: 60%; } .nypro { padding: 0 .15rem; } #share a { width: .25rem; height: .25rem; line-height: .25rem; font-size: .2rem; text-align: center; } #share a.bds_qzone { background: url("../images/dxwb.png") no-repeat center center; background-size: auto; } #share a.bds_sqq { background: url("../images/qq.png") no-repeat center center; background-size: auto; } #share a.bds_tsina { background: url("../images/xlwb.png") no-repeat center center; background-size: auto; } #share a.bds_weixin { background: url("../images/wx.png") no-repeat center center; background-size: auto; } .fenx { line-height: .35rem; font-size: .16rem; float: left; } .xypn { margin-top: 0; } .nyback { line-height: .4rem; margin: 0 0 0 auto; } .nyzib { margin: 0 auto 0 0 !important; } .zixun { margin: .22rem auto; } .box img { padding: .05rem; } .box { padding: 0 .15rem; } .nyproduct { padding: 0 .62rem; } .nyjz { width: 100%; display: flex; } .nyprolist .nynewslist:first-child .nynewp { width: 4rem; margin: 0; } .nyprolist .nynewslist:first-child a { height: 3rem; } .nyprolist .nynewslist:first-child { height: 3rem; } .nyprolist .nynewslist:first-child .nynt { width: .88rem; text-align: left; } .nyprolist .nynewslist:first-child .nynri { width: 3rem; margin-left: .2rem; padding: 0; } .nyprolist .nynewslist:first-child .nyntri { margin-left: 0; width: 2.5rem; font-size: .18rem; margin-top: 0; display: block; } .nyprolist .nynewslist:first-child .nynewdes { line-height: .24rem; max-height: .72rem; font-size: .14rem; } .nynewm { line-height: .36rem; font-size: .14rem; } .nynri { padding: 0; } .nynewtd { line-height: .51rem; font-size: .48rem; } .nynewty { line-height: .24rem; font-size: .14rem; padding-left: .05rem; } .nyntri { line-height: .28rem; max-height: .56rem; font-size: .18rem; padding-left: 0; margin-top: 0; } .nynewdes { line-height: .24rem; max-height: .48rem; font-size: .14rem; padding-left: 0; } .nynewslist { height: 2.4rem; } .nynewslist a { padding: 0 .2rem; height: 2.4rem; } .navbar-collapse { position: static; width: auto; } } @media (min-width: 1200px) { .ruanzhu:nth-child(3) .rzico { font-size: .2rem; } .ruanzhu:nth-child(4) .rzico { font-size: .3rem; } .ruanzhu:nth-child(5) .rzico { font-size: .3rem; } .ruanzhu:nth-child(7) .rzico { font-size: .35rem; } .ruanzhu:nth-child(8) .rzico { font-size: .28rem; } .ruanzhu:nth-child(9) .rzico { font-size: .35rem; } .ruanzhu:nth-child(11) .rzico { font-size: .27rem; } .ruanzhu:nth-child(12) .rzico { font-size: .28rem; } .ruanzhu:nth-child(13) .rzico { font-size: .35rem; } .rzico { width: .62rem; height: .62rem; font-size: .3rem; line-height: .5rem; color: #fff; text-align: center; background: #f7610c; border: 6px solid #bebebe; border-radius: 100%; margin-right: .1rem; transition: background 0.5s; } .ruanzhu { justify-content: flex-start; width: 16.6%; } .newsl { height: auto; } .diannao img { max-width: 58%; } .diannao { background-size: 70% 86%; } .formtextarea textarea { width: 7.2rem; } .formnameinput input { width: 3rem; } .mei { width: auto; } .mest { line-height: .96rem; font-size: .2rem; padding-left: .15rem; } .txt-scroll { width: 90%; font-size: .16rem; } /*导航*/ .nav-link { font-size: .16rem; } .dropdown-menu { width: 220%; } .dropdown-item { padding: 0 .23rem; font-size: .16rem; } /*导航 end */ .wzjst::before { left: 5%; } .aboutc { font-size: .26rem; } .aboutd { margin-top: .14rem; } .num { font-size: .36rem; } .gdong { height: 1.2rem; } .numd { padding-left: .02rem; } .headcon .swiper-slide { height: .8rem; } #certify .headcon11 .swiper-slide { width: 50%; } .nyjz { width: 95%; } .nyprolist .nynewslist:first-child a { height: 3rem; } .nyprolist .nynewslist:first-child { height: 3rem; } .nyprolist .nynewslist:first-child .nynri { width: 4rem; margin-left: .38rem; } .nyprolist .nynewslist:first-child .nyntri { font-size: .2rem; width: 3.38rem; } .nyprolist .nynewslist:first-child .nynewp { width: 3.94rem; } .rztxt { width: auto; font-size: .15rem; } } @media (min-width: 1500px) { .rzico { margin-right: .2rem; } .ruanzhu { justify-content: flex-start; width: 16.5%; } .rztxt { width: auto; font-size: .24rem; } .diannao { background-size: 70% 100%; } .diannao img { max-width: 57.5%; padding-top: .06rem; } .formtextarea textarea { width: 9.5rem; } .formnameinput input { width: 4rem; } /*导航*/ .dropdown-menu { width: 200%; } .dropdown-item { padding: 0 .4rem; } /*导航 end */ .hlist { background-size: cover !important; } .wzjst::before { left: 14%; } .aboute { font-size: .48rem; line-height: .6rem; } .aboutd { line-height: .48rem; max-height: 2.4rem; } .num { font-size: .48rem; } .numico { line-height: .25rem; } .gdong { height: 1.38rem; } .casli { top: 58% !important; } .headcon .swiper-slide { height: 1.04rem; } #certify .headcon11 .swiper-slide { width: 40%; } .nyprolist .nynewslist:first-child a { height: 3.35rem; } .nyprolist .nynewslist:first-child { height: 3.35rem; } .nyprolist .nynewslist:first-child .nynri { width: 6.35rem; } .nynewslist { height: 2.77rem; } .nynewslist a { height: 2.77rem; } .nyprolist .nynewslist:first-child .nyntri { width: 5.38rem; } }