@charset "utf-8";
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: "Microsoft YaHei, Helvetica, Arial, sans-serif";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

li,
ol,
ul {
    list-style: none
}

input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}
textarea {font-family: "Microsoft YaHei"}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:321px) and (max-width:360px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:361px) and (max-width:375px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:376px) and (max-width:393px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:394px) and (max-width:412px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:413px) and (max-width:414px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:415px) and (max-width:480px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:481px) and (max-width:540px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:541px) and (max-width:640px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:641px) and (max-width:720px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:768px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

body {
    font-family: "Microsoft YaHei, Helvetica";
}

body,
html a {
    color: #333
}

.hidden,
.none {
    display: none!important
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px
    }
    html .wap-wrap {
        width: 768px;
        margin: 0 auto
    }
}

body {
    font-family: "Microsoft YaHei, Helvetica";
}

.st {
    font-family: "simsun";
}
.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}
.clear:after,
.cl:after {
    content: '';
    display: block;
    clear: both;
}
/************************* 图库首页 *************************/
body {
    width: 100%;
    background: #17242e;
}
.main {
    padding-bottom: .66rem;
    background: #ffcd11 url(https://u-static.lmjx.net/2022/bauma_ger/images/conbg.png) repeat-y;
    background-size: 100% auto;
}

/* 弹窗 */
.error {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #ed1700;
}

.askpdiv {
    z-index: 99;
    position: fixed;
    /* top: 10%;
    left: 9%;
    right: 9%;
    width: 82%; 
    height: auto;*/
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    font-weight: 500;
}

.askpdiv .wp {
    position: relative;
    height: auto;
    /* overflow: hidden; */
    margin: 0 auto;
}

.askpdiv .wp h2 {
    height: 22px;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #081f31;
}

.askpdiv .wp .bg {
    padding: .5rem 0 .5rem;
    overflow: hidden;
    margin: 0 auto;
}

.askpdiv .ct {
    width: 85%;
    height: auto;
    margin: 0 auto;
}

.askpdiv .ct .inps {
    width: 100%;
    height: .69rem;
    overflow: hidden;
    margin: 0 auto 10px;
    font-size: 0;
    border: 1px solid #040404;
    background: #fff;
    box-sizing: border-box;
}

.askpdiv .ct .inps input {
    width: 100%;
    padding: 0 5%;
    height: .67rem;
    line-height: .69rem;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    background: none;
    border: 0 none;
    color: #161612;
    box-sizing: border-box;
}
.askpdiv .ct .inps input::-webkit-input-placeholder,
.askpdiv .ct .evadiv.dz-evadiv textarea{
    color: #161612;
}
.askpdiv .ct .inps input:focus::-webkit-input-placeholder,
.askpdiv .ct .evadiv.dz-evadiv textarea {
    color: #161612;
}

.askpdiv .ct .areadiv {
    height: 40px;
    overflow: hidden;
    margin: 0 auto 10px;
    font-size: 0;
    text-align: center;
}

.askpdiv .ct .areadiv select {
    width: 47%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #040404 !important;
	padding: 0 5px;
}

.askpdiv .ct .evadiv {
    /* height: 55px; */
    overflow: hidden;
    margin: 0 auto 10px;
    padding: 3px;
    border: 1px solid #040404;
    background: #fff;
}

.askpdiv .ct .evadiv textarea {
    width: 100%;
    margin: 0 auto;
    padding-left: .1rem;
    height: 55px;
    line-height: 20px;
    overflow: hidden;
    border: none;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    background: none;
    box-sizing: border-box;
}

.askpdiv .ct .evadiv textarea:focus {
    outline: none;
}

.askpdiv .ct .askpbtn {
    display: block;
    width: 4.59rem;
    height: .93rem;
    line-height: .93rem;
    text-align: center;
    overflow: hidden;
    margin: 10px auto 0;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    border-radius: .93rem;
    background: #0e0e0e;
    -webkit-border-radius: .93rem;
    -moz-border-radius: .93rem;
    -ms-border-radius: .93rem;
    -o-border-radius: .93rem;
    box-shadow: 0 0 .5rem #999;
}

.askpdiv .wp .close {
    display: block;
    width: .79rem;
    height: .79rem;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://u-static.lmjx.net/2022/bauma_ger/images/btn-close.png) no-repeat center center;
    background-size: 100% 100%;
}
.loadingbox { width:100%; height:100%; position:fixed; left:0; top:0; display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center;-moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; z-index:500; text-align: center; }
.loadingbox .loadingboxin { margin:0 auto; background:rgba(120, 120, 120, 0.8); border-radius:5px; font-size:90%; color:#fff; height: 80px; width: 80px; }
.loadingbox .loadingboxintip { width:auto; height:auto; }
.loadingbox .spinnertop { height:20%; }
.loadingbox .spinnerbottom { height:30%; line-height:200%; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; }
.spinner { height:40%; width: 40%; position: relative;  margin: 0 auto;}
.spinner div {  width: 12%;  height: 26%;  background-color: white;  position: absolute;  left: 44.5%;  top: 37%;  opacity: 0;  -webkit-border-radius: 30%;  -webkit-animation: fadea 1s linear infinite;}
.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}
@-webkit-keyframes fadea{  from {opacity: 1;}  to {opacity: 0.25;}}
.tipbox { text-align:center; color:#fff; text-shadow: 1px 1px 1px #000; padding:5px; }
.tipbox .tipboxtop { font-size:150%; line-height:1.3em; font-weight:bold; float:left; }
.tipbox .tipboxin { padding:0 10px; float:right; text-align:left; float:right; line-height:1.8em;  }

.tipboxin {
	font-size: .32rem;
}

/* main */
.banner {
  	display: block;
  	position: relative;
    width: 100%;
    position: relative;
    box-shadow: 0 0 .2rem #eee;
}
.banner img {
    width: 100%;
    vertical-align: top;
}
.banmarquee {
  display: block;
  position: absolute;
  width: 100%;
  height: .5rem;
  left: 0;
  bottom: 0;
  font-size: .24rem;
  line-height: .5rem;
  color: #fff;
  background: rgba(0, 0, 0, .3);
}
.logo {
    display: block;
    position: absolute;
    width: 1.96rem;
    height: .42rem;
    top: .21rem;
    left: .24rem;
}
.logo img {
    width: 100%;
    vertical-align: top;
}


/*直播*/
.zb-body {
	min-height:100%;
	overflow:auto;
	/*padding-bottom: .8rem;*/
	-webkit-overflow-scrolling:touch;
}
.title {
    display: block;
    width: 100%;
    height: .95rem;
    margin-top: .6rem;
    font-size: .4rem;
    font-weight: bold;
    line-height: .75rem;
    text-align: center;
    color: #fff;
    background: url(../images/titlebg.png) center center no-repeat;
    background-size: 100% auto;
}

.zblist {
    width: 96%;
    margin: .29rem auto 0;
    padding-bottom: .1rem;
}
.zblist-item {
	margin-top: .26rem;
	background: #fff;
    border-radius: .1rem;
    overflow: hidden;
}
.zbli-pic {
	width:100%;
	font-size: 0;
}
.zbli-pic img {
	width: 100%;
}
.zblit-text {
    display: flex;
    align-items: center;
    padding: 0 .16rem;
}
.zblitt-logo,
.zblitt-text {
	display: block;
	float: left;
}
.zblitt-logo {
	width: 1rem;
    height: 0.46rem;
    font-size: 0;
    line-height: .46rem;
    text-align: center;
}
.zblitt-text {
	padding-left: .16rem;
	font-size: .24rem;
	line-height: .8rem;
	color: #333;
}
.zblitt-logo img {
	width: 89%;
  	vertical-align:middle;
}
.zblit-date {
	padding: .1rem 0;
	font-size: .2rem;
	line-height: .46rem;
	color: #848484;
}
.zblit-date span {
	padding-left: .25rem;
	font-size: .24rem;
	color: #333;
}
/*.fbtn-wrap {
	position: fixed;
    width: 100%;
    height: .8rem;
    bottom: 0;
    background: url(https://u-static.lmjx.net/2022/bauma_ger/images/fbtnbg.jpg) center bottom no-repeat;
    background-size: 100% 100%;
}
.fbtn-item {
	width: 50%;
	height: .8rem;
}*/

.probox:first-child {
	margin-top: -1.2rem;
    position: relative;
}
.iproduct .probox:first-child {
	margin-top: 0;
}


/*直播状态*/
.zbli-pic {
	position: relative;
}
.zb-state {
	position: absolute;
	width: 100%;
	height: .69rem;
	top: 0;
	left: 0;
	/*background: url(https://u-static.lmjx.net/2022/bauma_ger/images/zbsbg.png) repeat-x;*/
	background-size: 100% 100%;
}
.zbs-izhibo {
	display: block;
	position: absolute;
	width: 1.65rem;
	height: .48rem;
	top: .1rem;
	right: .1rem;
}
/*.zbs-izhibo1 {
	background: url(https://u-static.lmjx.net/2022/bauma_ger/images/izhibo1.png) no-repeat;
	background-size: 100% 100%;
}
.zbs-izhibo2 {
	background: url(https://u-static.lmjx.net/2022/bauma_ger/images/izhibo2.png) no-repeat;
	background-size: 100% 100%;
}
.zbs-izhibo3 {
	background: url(https://u-static.lmjx.net/2022/bauma_ger/images/izhibo3.png) no-repeat;
	background-size: 100% 100%;
}*/
.zbp-tit {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .24rem;
    line-height: .57rem;
    color: #fff;
    padding: 0 .22rem;
    background: rgba(0, 0, 0, .6);
    box-sizing: border-box;
  	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.nav-item {
    position: relative;
    width: 25%;
    font-size: .24rem;
    font-weight: bold;
    line-height: .54rem;
    text-align: center;
    color: #17242e;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
}
.nav-item a {
    display: block;
    position: relative;
    color: #17242e;
    z-index: 1;
}
.nav-item.on a {
    color: #fff;
    background: #ff671d;
}
/*新闻*/
.nav2 {
    margin-top: 0;
}
.newslist-btn {
    display: block;
    width: 100%;
  	margin: .3rem auto;
}
.newslist-btn img {
    width: 100%;
    vertical-align: top;
}
.article-about {
    width: 96%;
    margin: .2rem auto;
    padding: 0 .3rem .3rem;
    background: #fff;
    box-sizing: border-box;
    border-radius: .1rem;
}
.aalist-item {
  	display: flex;
    position: relative;
    width: 100%;
    padding: .3rem 0;
    border-bottom: 1px solid #F5F7FB;
}
.aali-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.18rem;
  	min-width: 2.18rem;
    height: 1.4rem;
  	font-size: 0;
    text-align: center;
    vertical-align: middle;
  	margin-left: .4rem;
}
.aali-pic img {
    max-width: 100%;
    max-height: 100%;
    /* vertical-align: top; */
}
.aali-art {
    /*width: 59vw;*/
    height: 100%;
  	order: -1;
}
.aali-atit {
  	padding-bottom: .5rem;
}
.aali-atit a {
    display: block;
    height: .9rem;
    font-size: .32rem;
    font-weight: normal;
    line-height: .46rem;
    overflow: hidden;
}
.aali-adate {
    position: absolute;
    width: 100%;
    bottom: .3rem;
    font-size: .24rem;
    line-height: .36rem;
    color: #999;
    box-sizing: border-box;
}

.aalistatus {
    display: flex;
    align-items: center;
    position: absolute;
    top: .26rem;
    right: .2rem;
    padding: 0 .12rem;
    font-size: .2rem;
    line-height: .36rem;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border: 1px solid #fff;
    border-radius: .4rem;
    box-sizing: border-box;
}
.aalistatus i {
    display: block;
    width: .32rem;
    height: .32rem;
    margin-right: .08rem;
    background: url(https://u-static.lmjx.net/2022/bauma_ger/images/vicon.png) center center no-repeat;
    background-size: 100% auto;
}

.mlbtn {
    display: block;
    width: 92%;
  	margin: 0 auto;
    padding: 0 .2rem;
    font-size: .24rem;
    line-height: .54rem;
    text-align: center;
    color: #6e6e6e;
    box-sizing: border-box;
}

/* 最新报道 */
.swiper-container {
    margin-top: .24rem;
}
.swiper-slide {
    position: relative;
}
.s-newspic {
    display: block;
    width: 100%;
}
.s-newspic img {
    width: 100%;
    vertical-align: top;
}
.s-newstit {
    display: block;
    position: absolute;
    width: 100%;
    height: .61rem;
    padding: 0 .2rem;
    left: 0;
    bottom: 0;
    font-size: .3rem;
    line-height: .61rem;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(14, 14, 14, .6);
    box-sizing: border-box;
}
.swiper-button-prev {
    width: .6rem;
    height: .6rem;
    margin-top: -0.3rem;
    background: url(https://u-static.lmjx.net/2022/bauma_ger/images/arrow-l.png) center center no-repeat;
    background-size: 100% 100%;
}
.swiper-button-next {
    width: .6rem;
    height: .6rem;
    margin-top: -0.3rem;
    background: url(https://u-static.lmjx.net/2022/bauma_ger/images/arrow-r.png) center center no-repeat;
    background-size: 100% 100%;
}
.ntitle {
    display: block;
    padding: .24rem 0 .3rem;
    font-size: .3rem;
    line-height: .3rem;
    color: #fff;
}
.ntitle span {
    display: table;
    position: relative;
    margin: 0 auto;
}
.ntitle span::before {
    display: block;
    position: absolute;
    content: '';
    width: 1.14rem;
    height: .04rem;
    left: -1.38rem;
    top: 50%;
    margin-top: -0.02rem;
    background: #fff;
}
.ntitle span::after {
    display: block;
    position: absolute;
    content: '';
    width: 1.14rem;
    height: .04rem;
    right: -1.38rem;
    top: 50%;
    margin-top: -0.02rem;
    background: #fff;
}
/* 产品直击 */
.product {
    margin-top: .1rem;
}
.ptit {
    display: block;
    padding: 0 .24rem;
    font-size: .3rem;
    line-height: .74rem;
    color: #fff;
}
.propic-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .24rem .16rem .08rem;
    background: #fff;
    box-sizing: border-box;
}
.propic-item {
    display: block;
    width: 3.5rem;
  	height: 2rem;
    margin-bottom: .18rem;
    overflow: hidden;
}
.propic-item img {
    width: 100%;
    vertical-align: top;
}
/* 高层 */
.senior-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .24rem .16rem .08rem;
    background: #fff;
    box-sizing: border-box;
}
.senior-item {
    display: block;
    width: 3.5rem;
    margin-bottom: .18rem;
}
.senior-pic {
    display: block;
    width: 100%;
    font-size: 0;
  	height: 2.6rem;
    text-align: center;
}
.senior-pic img {
    max-width: 100%;
  	height: 100%;
    vertical-align: top;
}
.senior-tit {
    display: block;
    height: .6rem;
    margin-top: .17rem;
    padding: 0 .16rem;
    font-size: .24rem;
    line-height: .3rem;
    text-align: center;
    color: #474747;
    overflow: hidden;
}

/* 视频 */
.video-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*margin-top: .2rem;*/
    padding: .2rem 0;
    background: #fff;
}
.voitem {
    width: 100%;
    /* float: left; */
    margin-bottom: .1rem;
    padding: 0 .1rem;
    box-sizing: border-box;
}
.voitem video {
    display: block;
}
.voi-tit {
    display: block;
    height: .6rem;
    padding: .2rem .1rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #434343;
    overflow: hidden;
}

.fbtn-wrap {
    position: fixed;
    bottom: 46vh;
    right: 9px;
}
.fbtn {
    display: block;
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 52px;
    box-shadow: 0 0 10px #999;
}
.zhanhui-btn {
    background: url(https://u-static.lmjx.net/2019/mlive/images/zhanhui-btn.png) center center no-repeat;
    background-size: 100% 100%;
}


.footer {
    padding: .3rem .2rem .4rem;
}
.footer .fblogo {
    display: block;
    width: 100%;
    height: .43rem;
    font-size: 0;
    text-align: center;
}
.footer .fblogo img {
    height: 100%;
    vertical-align: top;
}
.footer .text {
    display: block;
    margin-top: .2rem;
    font-size: .3rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
}
.footer .stext {
    display: block;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: .34rem;
    text-align: center;
    color: rgba(255, 255, 255, .7);
}