@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;
}

input::-webkit-input-placeholder {
    color: #999 !important;
}

input::-moz-input-placeholder {
    color: #999 !important;
}

input::-ms-input-placeholder {
    color: #999 !important;
}

sup,
sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub {
	top: 0.4em;
}

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

html {
	font-size: 256px;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width:1024px) {
	html {
		font-size: 50px;
	}
}



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

body,
html a {
	color: #333
}

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

.wap-wrap {
	font-size: .32rem;
	width: 100%
}

.st {
	font-family: "simsun";
}

.fl {
	display: block;
	float: left;
}

.fr {
	display: block;
	float: right;
}

.clear:after,
.cl:after {
	content: '';
	display: block;
	clear: both;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.textstrong {
	font-weight: bold;
}
.textcenter {
	text-align: center;
	margin: 0 auto;
}
.textcenter span {
	margin: 0 !important;
}

.flexac {
    display: flex;
    align-items: center;
}
.flexbox {
    display: flex;
}

/*iphone X安全区域*/
.iphonex {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

body {
	background-color: #fff;
    overflow-x: hidden;
}

/************************* 内容 *************************/
.topbar {
    display: flex;
    align-items: center;
    position: relative;
    height: 1.16rem;
}
.topbar .wlogo {
    height: .76rem;
    overflow: hidden;
}

.topbar .wlogo a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.topbar .wlogo .img {
    height: .76rem;
    line-height: .76rem;
    overflow: hidden;
    text-align: left;
}

.topbar .wlogo .img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.topbar .wlogo h1 {
    display: block;
    height: .76rem;
    line-height: .76rem;
    text-align: center;
    overflow: hidden;
    font-weight: 500;
    font-size: .32rem;
    color: #989999;
}


.topbar .lldiv {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
    height:.8rem;
    margin-left: .6rem;
    line-height:.8rem;
    font-size: .28rem;
    color: #0c4289;
}
.topbar .lldiv select {
    border: none;
}

.topbar .allsort {
    display: none;
    width: 5rem;
    height: auto;
    position: absolute;
    left: 0;
    font-size: .32rem;
    top: .9rem;
    z-index: 101;
    background: #fbfbfb;
    border: 1px solid #f2f3f5;
}

.topbar .allsort .topicon {
    display: block;
    width: .19rem;
    height: .19rem;
    position: absolute;
    top: -0.21rem;
    left: 1.22rem;
    background: #fff url(../images/icon_pctop.png) no-repeat center center;
}

.topbar .allsort .item {
    height:.8rem;
    padding: .1rem .2rem;
}

.topbar .allsort .item a {
    display: block;
    height:.8rem;
    line-height:.8rem;
    overflow: hidden;
    z-index: 30;
    color: #404040;
}

.topbar .allsort .item a span {
    float: right;
}

.topbar .allsort .item a:hover {
    color: #e50012;
}

.topbar .allsort .more {
    display: block;
    float: right;
    width: auto;
    padding: 0 .2rem 0 0;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    text-align: right;
    font-size: .32rem;
    color: #0a4fa1;
}

.topbar .allsort .item .i-mc {
    display: none;
    width: 5.13rem;
    height: 4.52rem;
    overflow: hidden;
    position: absolute;
    left: 2.48rem;
    top: -1px;
    z-index: 35;
    border: 1px solid #f2f3f5;
    background: #fbfbfb;
}

.topbar .allsort .item .i-mc ul {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: .1rem .6rem;
}

.topbar .allsort .item .i-mc ul li {
    line-height:.8rem;
    overflow: hidden;
    margin: 0 auto;
    font-size: .32rem;
}

.topbar .allsort .item .i-mc ul li a {
    color: #404040;
}

.topbar .allsort .item .i-mc ul li a:hover {
    color: #e50012;
}

.topbar.on .allsort {
    display: block;
}

.topbar.on .allsort .on .i-mc {
    display: block;
}

.navbar-brand {
    display: flex;
    align-items: center;
    height: .5rem;
    font-size: .28rem;
    line-height: .5rem;
    padding: 0;
    color: #252525;
}

.navbar-brand i {
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    margin: 0 0.1rem;
    transform: rotate(135deg);
    margin-top: -0.08rem;
}

.topbar .lldiv:hover .allsort {
    display: block;
}


.topbar .lrdiv {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: .28rem;
}
.lrnav {
    display: flex;
    align-items: center;
}
.lrnav .item {
    display: block;
    margin-right: .5rem;
    font-size: .28rem;
    line-height: .44rem;
    color: #666;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    /*left: 0;*/
    z-index: 1000;
    display: none;
    float: left;
    min-width: 3.2rem;
    padding: .1rem 0;
    margin: 2px 0 0;
    font-size: .28rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.dropdown-menu::-webkit-scrollbar{
    display: none;
}
.dropdown-menu .item {
    display: block;
    padding: 3px .4rem;
    clear: both;
    font-size: .2rem;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.topbar .lrdiv .signin {
    display: flex;
    align-items: center;
    margin-right: .5rem;
}
.topbar .lrdiv .signin i {
    display: block;
    width: .48rem;
    height: .48rem;
    margin-right: .1rem;
    background: url(../images/tloginicon.png) center center no-repeat;
    background-size: 100% auto;
}

.topbar .lrdiv .lansbtn {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: .5rem;
    padding-right: .5rem;
}
.topbar .lrdiv .lansbtn i {
    display: block;
    width: .48rem;
    height: .48rem;
    margin-right: .1rem;
    background: url(../images/diqiu.png) center center no-repeat;
    background-size: 100% auto;
}
.topbar .lrdiv .lansbtn::after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    right: .1rem;
    margin-top: -3px;
    border: 5px solid transparent;
    border-top: 5px solid #000;
}


/*头部*/
.header {
    position: relative;
    height: 2.88rem;
    background: #f5f5f5;
}
.header .headerbg {
    display: block;
    position: absolute;
    width: 100%;
    height: 1.28rem;
    bottom: 0;
    left: 0;
    background: #01479D;
}
.header .container {
    display: flex;
    position: relative;
}
.header .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.44rem;
    min-width: 4.44rem;
    height: 2.3rem;
    margin-top: .4rem;
    margin-right: .8rem;
    font-size: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.header .logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.header .headerin {
    flex: 1;
    padding-top: .9rem;
}
.header .headerin .text {
    display: block;
    font-size: .4rem;
    line-height: .7rem;
    color: #000;
}
.header .headerin .headerinb {
    display: flex;
    align-items: center;
}
.header .headerin .hnav {
    display: flex;
    height: 1.28rem;
}
.header .headerin .hnav .item {
    display: block;
    position: relative;
    margin-right: 1.2rem;
    font-size: .28rem;
    line-height: 1.28rem;
    color: #fff;
}

.header .headerin .hnav .item.cur{
    border-bottom: 3px solid #fff;
    margin-bottom: 5px;
}
.header .headerin .hsearch {
    display: block;
    margin-left: auto;
}
.hsearchbtn {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    background: url(../images/searchicon.png) center center no-repeat;
}
.hsearch .sinput{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hsearch .sinput input{
    width: 160px;
    height: 30px;
    padding-left: 10px;
    display: none;
}
/*banner*/
.banner {
    display: block;
}
.banner img {
    width: 100%;
    vertical-align: top;
}


/*分类*/
.icates {
    padding: .42rem 0 .68rem;
    background: #f5f5f5;
}
.icates .container {
    display: block;
    position: relative;
}
.cateswiper {
    position: relative;
    overflow: hidden;
}
.cateswiper .swiper-slide {
    display: block;
    width: 6.8rem;
    height: 4.32rem;
    background: #fff;
}
.cateswiper .swiper-button-prev,
.cateswiper .swiper-button-next {
    opacity: 0;
}
.icates .cswiper-button-next {
    display: block;
    position: absolute;
    width: .92rem;
    height: .92rem;
    top: 50%;
    right: -1.56rem;
    margin-top: -0.46rem;
    background: url(../images/csnext.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}
.icates .cswiper-button-prev {
    display: block;
    position: absolute;
    width: .92rem;
    height: .92rem;
    top: 50%;
    left: -1.56rem;
    margin-top: -0.46rem;
    background: url(../images/csprev.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}


.cateswiper {}
.cateswiper .swiper-slide {
    display: block;
    position: relative;
}
.cateswiper .swiper-slide .icon {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}
.cateswiper .swiper-slide .icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}
.cateswiper .swiper-slide .text {
    display: block;
    position: absolute;
    top: .36rem;
    left: .4rem;
    font-size: .66rem;
    font-weight: bold;
    line-height: 0.8rem;
    color: #adddff;
    transition: color .3s;
}

/*关于我们*/
.aboutus {
    display: block;
    width: 100%;
    padding: .6rem 0;
    background: url(../images/aboutbg.jpg) center center repeat;
}

.btit {
    display: block;
    position: relative;
    font-size: .6rem;
    font-weight: bold;
    text-align: center;
    line-height: .7rem;
    color: #00479d;
}
.btit i {
    display: block;
    position: relative;
    width: .74rem;
    height: 3px;
    bottom: -0.2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #00479d;
}
.btext {
    display: block;
    margin-top: .6rem;
    font-size: .32rem;
    line-height: .68rem;
    color: #4d5a6a;
}
.aserlist {
    display: flex;
    flex-wrap: wrap;
    padding: .8rem 0 .4rem;
}
.aserlist .item {
    display: block;
    width: 20%;
}
.aserlist .item .itemin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.92rem;
    height: 2.92rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}
.aserlist .item .icon {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    transition: background .3s;
}
.aserlist .item .text {
    display: block;
    font-size: .28rem;
    line-height: .4rem;
    color: #242424;
    transition: color .3s;
}

.aserlist .item1 .icon {
    background: url(../images/asicon1.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item2 .icon {
    background: url(../images/asicon2.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item3 .icon {
    background: url(../images/asicon3.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item4 .icon {
    background: url(../images/asicon4.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item5 .icon {
    background: url(../images/asicon5.png) center center no-repeat;
    background-size: 100% auto;
}

.aserlist .item .itemin:hover {
    box-shadow: 0 0 20px rgba(255,255,255,.5);
}

.aserlist .item .itemin:hover .text {
    color: #00a1e9;
}

.aserlist .item1 .itemin:hover .icon {
    background: url(../images/asiconr1.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item2 .itemin:hover .icon {
    background: url(../images/asiconr2.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item3 .itemin:hover .icon {
    background: url(../images/asiconr3.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item4 .itemin:hover .icon {
    background: url(../images/asiconr4.png) center center no-repeat;
    background-size: 100% auto;
}
.aserlist .item5 .itemin:hover .icon {
    background: url(../images/asiconr5.png) center center no-repeat;
    background-size: 100% auto;
}


.oproducts {
    display: block;
    margin-top: .4rem;
    padding: .8rem 0 .64rem;
}
.blacktext {
    color: #242424;
}
.blacktext i {
    background: #00479d;
}
.oprolist {
    display: flex;
    flex-wrap: wrap;
    margin-top: .6rem;
    margin-left: -0.4rem;
}
.oprolist .item {
    display: block;
    position: relative;
    width: 33.33%;
    margin-top: .4rem;
    padding-left: .4rem;
    box-sizing: border-box;
}
.oprolist .item .itemin {
    display: block;
    position: relative;
    border: 1px solid #f6f6f6;
    border-radius: 7px;
    overflow: hidden;
}
.oprolist .item .icon {
    display: block;
    width: 100%;
    height: 100%;
}
.oprolist .item .icon img {
    width: 100%;
    vertical-align: top;
}
.oprolist .item .in {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    padding: .9rem 0 0;
    background: url(../images/inbg.png) bottom center no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
}
.oprolist .item .in .intitle {
    display: block;
    padding: 0 .52rem;
    font-size: .36rem;
    font-weight: bold;
    line-height: 1.2rem;
    color: #fff;
}
.oprolist .item .in .intexts {
    display: none;
    margin-top: .15rem;
    padding: 0 1.4rem;
    font-size: .32rem;
    line-height: .5rem;
    color: #fff;
}
.oprolist .item .in .intexts .it {
    display: block;
    position: relative;
    margin-bottom: .3rem;
    padding-left: .32rem;
    font-size: .32rem;
    line-height: .5rem;
    color: #fff;
}
.oprolist .item .in .intexts .it i {
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    top: 0.25rem;
    left: 0;
    margin-top: -1px;
    background: #fff;
}

.oprolist .item .godetail {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 2.84rem;
    height: .68rem;
    right: .3rem;
    bottom: .3rem;
    font-size: .28rem;
    color: #fff;
    border: 1px solid #fff;
    transition: background .3s;
}
.oprolist .item .godetail i {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url(../images/godetail.png) center center no-repeat;
    background-size: 20px auto;
}


.oprolist .item:hover .in {
    justify-content: flex-start;
    background: rgba(0, 0, 0, .6);
}
.oprolist .item:hover .in .intitle {
    text-align: center;
}
.oprolist .item:hover .in .intexts {
    display: block;
}
.oprolist .item:hover .godetail {
    border-color: #00a1e9;
    background: #00a1e9;
}
.oprolist .item .in .intexts .it:hover{
    color:#00a1e9;
}

.lmore {
    display: block;
    width: 4.52rem;
    height: .92rem;
    margin: 1.1rem auto 0;
    font-size: .28rem;
    line-height: .88rem;
    text-align: center;
    color: #00a1e9;
    border: 1px solid #00a1e9;
    transition: background .3s;
}
.lmore:hover {
    color: #fff;
    background: #00a1e9;
}


.ovideos {
    display: block;
    padding: .8rem 0 1.12rem;
    background: #f3f3f3;
}
.ovideos .btit {
    color: #242424;
}
.ovideos .btit i {
    background: #00479d;
}


.ovideoscon {
    display: flex;
    position: relative;
    padding-right: 5.4rem;
    width: 70%;
    margin: 1.2rem auto;
}
.ovideoscon .ovideobox {
    display: block;
    position: relative;
    flex: 1;
}
.ovideoscon .ovideobox video {
    width: 100%;
    vertical-align: top;
	height:12.4rem
}
.ovideoscon .ovideobox .ovtitle {
    display: block;
    position: absolute;
    width: 100%;
    height: 1.16rem;
    padding: 0 .4rem;
    font-size: .48rem;
    font-weight: bold;
    line-height: 1.16rem;
    color: #fff;
    background: #000;
    box-sizing: border-box;
    z-index: 1;
    transition: all .3s;
}
.ovideoscon .ovideobox:hover .ovtitle {
    display: block;
}

.ovlist {
    display: block;
    position: absolute;
    width: 5.4rem;
    height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
}
.ovlist .item {
    height: 2.48rem;
    overflow: hidden;
}

.ovlist .item.cur{
    border: 2px solid #00a1e9;
}
.ovlist .item img {
    width: 100%;
    vertical-align: top;
}


/*产品VR*/
.provr {
    display: block;
    padding: .8rem 0 1.12rem;
}
.provr .btit {
    color: #242424;
}
.provr .btit i {
    background: #00479d;
}

.provrlist {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    margin-left: -0.56rem;
    padding-top: 1px;
}
.provrlist .item {
    display: block;
    position: relative;
    width: 50%;
    margin-top: .56rem;
    padding-left: .56rem;
    box-sizing: border-box;
}
.provrlist .item .itemin {
    display: block;
    position: relative;
}
.provrlist .item .icon {
    display: block;
    font-size: 0;
    height: 330px;
    overflow: hidden;
}
.provrlist .item .icon img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    transition: all 0.6s;
}
.provrlist .item .icon img:hover{
    transform: scale(1.2);
}
.provrlist .item .tit {
    display: flex;
    align-items: flex-end;
    position: absolute;
    width: 100%;
    height: 2.54rem;
    padding: 0 .35rem;
    left: 0;
    bottom: 0;
    font-size: .28rem;
    line-height: 1.1rem;
    color: #fff;
    background: url(../images/vrtitbg.png) center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.provrlist .item:hover .tit{
    color: #00a1e9;
}
/*图片*/
.pictures {
    display: block;
    padding: .8rem 0 1.12rem;
}
.pictures .btit {
    color: #242424;
}
.pictures .btit i {
    background: #00479d;
}

.piclist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.1rem;
}
.piclist .item {
    display: block;
    width: 25%;
}
.piclist .item img {
    width: 100%;
    vertical-align: top;
    transition: all 0.6s;
}

.piclist .item img:hover{
    transform: scale(1.2);
}



.contact {
    display: block;
    padding: .8rem 0 1.12rem;
    background: url(../images/contactbg.jpg) center center repeat;
}
.contact .btit {
    color: #242424;
}
.contact .btit i {
    background: #00479d;
}
.contactbox {
    display: flex;
}
.creachus {
    display: block;
    width: 50%;
    padding: 0 .6rem;
    box-sizing: border-box;
}
.creachus .crtit {
    display: block;
    font-size: .36rem;
    line-height: .52rem;
    color: #242424;
}
.contactbox {
    margin-top: 1rem;
}
.creachuscon {
    padding-top: .5rem;
}
.creachuscon .item {
    display: block;
    position: relative;
    margin-top: .4rem;
    padding-left: .76rem;
}
.creachuscon .item i {
    display: block;
    position: absolute;
    width: .64rem;
    height: .64rem;
    top: 0;
    left: 0;
}
.creachuscon .item .bbtext {
    display: block;
    font-size: .6rem;
    line-height: .8rem;
    color: #242424;
}
.creachuscon .item .text {
    display: block;
    font-size: .28rem;
    line-height: .4rem;
    color: #666;
}

.creachuscon .item .sendemail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.14rem;
    height: .8rem;
    margin-top: .4rem;
    font-size: .28rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    background: #00a1e9;
    cursor: pointer;
    transition: background .3s;
}
.creachuscon .item .sendemail span {
    display: block;
    width: .32rem;
    height: .32rem;
    margin-right: .2rem;
    background: url(../images/cicon6.png) center center no-repeat;
    background-size: 100% auto;
}
.creachuscon .item.itemaddress i {
    top: .1rem;
    background: url(../images/cicon1.png) center center no-repeat;
    background-size: 100% auto;
}
.creachuscon .item.iteminfo .text {
    line-height: .64rem;
}
.creachuscon .item.iteminfo .text:hover {
    color: #00a1e9;
    text-decoration: underline #00a1e9;
}
.creachuscon .item.iteminfo i {
    background: url(../images/cicon2.png) center center no-repeat;
    background-size: 100% auto;
}
.creachuscon .item.itemtel .text {
    line-height: .64rem;
}
.creachuscon .item.itemtel i {
    background: url(../images/cicon3.png) center center no-repeat;
    background-size: 100% auto;
}
.creachuscon .item .sendemail:hover {
    background: #00a1e9;
}


.cleavemsg {
    display: block;
    width: 50%;
    box-sizing: border-box;
}
.cleavemsg .cltit {
    display: block;
    font-size: .36rem;
    line-height: .52rem;
    color: #242424;
}

.cleavemsgform {}
.cleavemsgform .bitem {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.08rem;
    margin-top: .62rem;
    padding: 0 .3rem;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}
.cleavemsgform .bitem .ilanselect,
.cleavemsgform .bitem .iconbox {
    display: flex;
    align-items: center;
    width: 1.5rem;
}
.cleavemsgform .bitem .ilanselect .icon {
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(../images/cicon4.png) center center no-repeat;
    background-size: 100% auto;
}
.cleavemsgform .bitem .ilanselect .arrow {
    display: block;
    width: 0;
    height: 0;
    margin-top: 6px;
    margin-left: 4px;
    border: 5px solid transparent;
    border-top: 5px solid #666;
}
.cleavemsgform .bitem .iconbox .icon {
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(../images/cicon2.png) center center no-repeat;
    background-size: 100% auto;
}
.cleavemsgform .bitem input {
    display: block;
    flex: 1;
    font-size: .28rem;
    line-height: .5rem;
    color: #333;
}
.cleavemsgform .itextarea {
    margin-top: .62rem;
}
.cleavemsgform .itextarea textarea {
    display: block;
    width: 100%;
    height: 3.16rem;
    padding: .3rem .46rem;
    font-family: "Microsoft YaHei, Helvetica, Arial, sans-serif";
    font-size: .28rem;
    line-height: .5rem;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    resize: none;
    box-sizing: border-box;
}
.cleavemsgform .isubmit {
    display: block;
    width: 4.4rem;
    height: 1.08rem;
    margin: .8rem auto 0;
    font-size: .28rem;
    line-height: 1.08rem;
    text-align: center;
    color: #fff;
    background: #00a1e9;
}

.cleavemsgform .inputt select{
    border: none;
    width: 100%;
    height: 100%;
    color: #333;
}

.cleavemsgform .machinery .iconbox .icon {
    display: block;
    width: .32rem;
    height: .32rem;
    background: url(../images/cicon8.png) center center no-repeat;
    background-size: 100% auto;
}

.copyright {
    display: block;
    padding: .4rem 0;
    font-size: .32rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    background: url(../images/aboutbgfooter.png) top center no-repeat;
    background-size: 100% 100%;
}

.copyright a{
    color: #fff;
}

/**/
.breads { font-size:14px; border-bottom:1px solid #eee; padding:15px 0; color:#555; }

.h1line { /*display:flex; justify-content: flex-start; */ align-items: center; padding:25px 0;  border-bottom:1px solid #ddd; }
.h1line h1 { font-size:22px; font-weight:bold; line-height:30px;  }
.h1line span { font-size:14px; color:#555; margin-left:5px; }
.h1line .ntime{ color: #9D9D9D;font-size: 18px; margin-top: 10px}
.lnavs { padding-right:15px; }
.lnavs .ctitle { font-size:16px; font-weight:bold; padding-left:10px; border-bottom:1px solid #ddd; height: 40px; line-height: 40px; margin: 15px 0 0; }
.lnavs .citems {  border-bottom:1px solid #ddd; height: 50px; overflow: hidden; position: relative }
.lnavs .citems .atitle { font-size:14px; font-weight:bold; display:flex;justify-content: space-between;align-items:center; height:30px; line-height:30px; overflow:hidden; padding-left:10px;margin-top: 10px }
.lnavs .citems  i{ background: url('../images/csopen.png') no-repeat top center; width: 12px;height: 7px;margin-right: 10px;position: absolute;right: 0px;  top: 22px;}
.lnavs .citems.open { height: auto;  }
.lnavs .citems.open  i{ background: url('../images/csclose.png') no-repeat top center; }
.lnavs .citems .nextin { padding:10px; }
.lnavs .citems .nextin .nextinitem { font-size:14px; color:#555; display:flex; align-items:center; margin-bottom:5px;line-height: 25px }
.lnavs .citems .nextin .nextinitem:hover a{color:#00a1e9}
.lnavs .citems .nextin .nextinitem.cur a{color:#00a1e9}
.lnavs .citems .nextin .acheckbox { width:15px; height:15px; border:1px solid #eee; margin-right:5px; }
.lnavs .citems .nextin .acheckbox.cur{ background: url('../images/csxz.png') no-repeat top center;background-size: 100%;} 

.dflex { display:flex; flex-direction: row; }
.containerleft { width:220px; }
.containerin { flex:1; }

.ourproducts { }
.productitem { display:flex; flex-direction: row; border:1px solid #d9d9d9; padding:15px; margin:10px 0 15px;transition: box-shadow .3s; }
.productitem:hover { box-shadow:0 0 10px rgba(0,0,0,.1); }
.productitem:hover .itemin .h2{color: #00a1e9}
.productitem .icon { width:260px; height: 260px;overflow: hidden }
.productitem .icon img { width:100%; }
.productitem .itemin { flex:1; padding-left:40px; }
.productitem .itemin .h2 { font-size:16px; font-weight:bold; padding:10px 15px;transition: color .3s;  }
.productitem .dds { font-size:14px; color:#555; margin-top:10px;padding: 0 15px;height: 125px;line-height: 25px}
.productitem .dds .ddsa { display:flex;  flex-direction: row;  }
.productitem .dds .ddsa .ddlabel { width:130px; }
.productitem .dds .ddsa .ddvalue { flex:1; }
.productitem .iteminft { display:flex; flex-direction: row;margin-top: 20px; }
.productitem .iteminft .mmattrs { flex:1; display:flex; flex-direction: row;   }
.productitem .iteminft .mmattrs .mmattra { width:80px; font-size:14px; font-weight:bold; text-align:center; margin-right:15px; }
.productitem .iteminft .mmattrs .mmattra i { display:block; width:30px; height:30px;margin: 0 auto 5px;}
.productitem .iteminft .mmattrs .mmattra.a-vr i{ background: url(../images/vr.png) center center no-repeat;  }
.productitem .iteminft .mmattrs .mmattra.a-video i{ background: url(../images/video.png) center center no-repeat; }
.productitem .iteminft .mmattrs .mmattra.a-picture i{  background: url(../images/picture.png) center center no-repeat;  }
.productitem .iteminft .mmattrs .mmattra.a-brochure i{ background: url(../images/brochure.png) center center no-repeat;}
.productitem .btns {display: flex;align-items: center; font-size:14px;margin-right: 60px; }
.productitem .btns .toaskpbtn { display:block; color:#fff; background:#00a1e9; width: 168px; height:42px; font-weight: bold; line-height:42px; text-align: center; box-sizing: border-box;border-radius: 3px;  }

.pcatetags {  font-size:14px; display:flex; flex-wrap:wrap; margin:20px 0;justify-content: center }
.pcatetags span { color:#333; background:#fafafa; border:1px solid #eee; border-radius: 15px; padding: 2px 10px; margin-right:30px; }
.pcatetags .cur {color: #ffffff;background: #00a1e9}
.pcatetags .cur a{color: #ffffff}

.emptylsit{text-align: center;margin-top: 50px}
.emptylsit p{font-size: 16px;color: #9D9D9D;margin-top: 10px}
    /**/
.factory{
	width: 100%;
}

.factory .item{
	margin-top: 15px;
	position: relative;
}

.factory img{
	width: 100%;
}

.factory .item .title{
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 15px;
	top: 10px;
	font-weight: bold;
}

.pages{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 40px 0;
}

.pages .item{
	color: #7D8083;
	font-size: 20px;
	margin-left: 10px;
}

.pages a{
	display: block;
	width: 28px;
	margin: 0 5px;
    font-size: 20px;
	line-height: 42px;
	color: #7D8083;
}

.pages a:hover{
	color: #566A92;
	border-bottom:1px solid #566A92 ;
	cursor:pointer;
}

.pages .this{
	display: block;
	width: 28px;
    font-size: 20px;
	line-height: 42px;
	color: #566A92;
	border-bottom:1px solid #566A92 ;
    margin: 0 5px;
}

.pages .nextprev{
    font-size: 20px;
    color: #7D8083;
}

.stit{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 10px;
}

.activity{
	width: 100%;
	display: flex;
	flex-flow: wrap;
    justify-content: space-between;
}

.activity .item{
	width: 32%;
	position: relative;
	margin-top: 10px;
    overflow: hidden;
}

.activity img{
	width: 100%;
    transition: all 0.6s;
}

.activity img:hover{
    transform: scale(1.2);
}


.activity .title{
	position: absolute;
	left: 15px;
	bottom: 20px;
	color: #fff;
	font-size: 14px;
    width: 60%;
    z-index: 111;
}
.activity .title:hover{
    color: #00a1e9;
}
.activity .contactus{
	position: absolute;
	bottom: 20px;
	right: 15px;
	width: 100px;
	height: 30px;
	border-radius: 30px;
	background-color: #00a1e9;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
    z-index: 1111;
}

.product{
	display: flex;
	flex-flow: wrap;
	width: 100%;
	margin-bottom: 20px;
}

.product .item{
	width: 32%;
	border: 1px solid #EAEAEA;
	border-radius: 10px;
	height: 320px;
	overflow: hidden;
	margin-top: 15px;
    margin-left: 1%;
    text-align: center;
}
.product .item:first-child {
	margin-left: 0;
}
.product .item img{
	height: 190px;
    transition: all 0.6s;
}

.product .item:hover{
	box-shadow: 0px 10px 10px 0 #EAEAEA;
}
.product .item:hover img{
    transform: scale(1.2);
}
.product .item:hover .quote{
	color: #fff;
	background-color: #00a1e9;
}

.product .item .title{
	font-size: 14px;
	padding: 10px 20px;
	font-weight: bold;
    text-align: left;
}
.product .item .quote{
	color: #00a1e9;
	background-color: #fff;
	width: 200px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	border: 1px solid #00a1e9;
	border-radius: 25px;
	margin: 20px 20px;
	padding: 0 10px;
}

/**/
.video-item{
    width: 100%;
	margin-bottom: 30px;
}
.video video{
	width: 100%;
}

.video-bottom{
	display: flex;
	justify-content: space-between;
}

.video-bottom .title{
	font-size: 16px;
	font-weight: bold;
}

.video-bottom .btns{
	width: 270px;
	height: 40px;
	line-height: 40px;
	background: #00a1e9;
	text-align: center;
	color:#fff;
	border-radius: 5px;
	font-size: 14px;
}
.video-bottom .btns a{
	color:#fff
}
.excavator{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.excavator .item{
	width: 32%;
	margin-bottom: 20px;
    overflow: hidden;
}

.excavator .item .icon{
    height: 210px;
    overflow: hidden;
    border-radius: 5px;
}
.excavator .item img{
    width: 100%;
    transition: all 0.6s;
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.excavator .item img:hover{
    transform: scale(1.2);
}
.excavator .img{
	width: 380px;
	height: 215px;
	background: #F4F4F4;
	border-radius: 5px;
}

.excavator .title{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}

.excavator .btns{
	width: 190px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #00a1e9;
	text-align: center;
	border-radius:30px;
	font-size: 14px;
	padding: 0 10px;
}
.excavator .btns a{
	color:#00a1e9
}

.excavator .btns:hover{
	background: #00a1e9;
}
.excavator .btns:hover a{
	color: #ffffff;
}

/**/

.news{
    margin:40px 20px 40px 0;
	padding: 0 10px;
}
.news .item{
	display: flex;
	width: 100%;
	border: 1px solid #DEDEDE;
	background: #F9F9F9;
	padding: 10px;
	margin: 10px 0;
    height: 200px;
	box-sizing: border-box;
}

.news .item-left{
	width: 24%;
}
.news .item-left img{
	width: 100%;
	max-height: 100%;
}

.news .item-right{
    width: 75%;
	margin-left: 20px;
}
.news .item .title{
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
}

.news .item .description{
	font-size: 14px;
	height: 70px;
}

.news .item .date{
	font-size: 14px;
	color: #898989;
}

.newsdetail{
	padding: 20px 0;
	margin-bottom: 60px;
    border-bottom: 1px solid #b9b9b9;
}
.newsdetail .content p{
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
}
.newsmore{
    margin: 30px 0;
}
.newsmore ul li{
    list-style: disc;
    font-size: 16px;
    line-height: 30px;
    margin-left: 20px;
}

.newsmore ul li::marker {
    color: #00a1e9;;
}

/*弹窗*/

.popupmask{
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.popup{
	width: 1200px;
	height: 610px;
	background: #fff;
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	z-index: 1111;
    transform: translate(-50%, -50%); /*水平居中*/
}
.popup .login{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.popup .login .close{
    display: block;
    position: absolute;
    width: 20px;
    height: 21px;
    top: 15px;
    right: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    background: url(https://u-static.lmjx.net/2019/sss/images/askpclose.png);
}
.login-left{
	width: 40%;
	background: #F6F6F6;
	height: 610px;
    position: relative;
}

.login-right{
	width: 60%;
	height: 610px;
}

.login-left .img{
	width: 350px;
	height: 300px;
	border: 1px solid #BBBBBB;
	overflow: hidden;
	margin: 25px auto;
}

.login-left .img img{
	width: 100%;
}

.login-left  .h2 { font-size:16px; font-weight:bold; padding:10px 50px;  }
.login-left .dds { font-size:14px; color:#555; margin-top:10px;padding: 0 50px; line-height: 30px}
.login-left .dds .ddsa { display:flex;  flex-direction: row;  }
.login-left .dds .ddsa .ddlabel { width:130px; }
.login-left .dds .ddsa .ddvalue { flex:1; }


.login-left .mySwiper{
    overflow: hidden;
    width: 400px;
    height: 400px;
    margin: 40px auto;
    border: 1px solid #BBBBBB;
}

.login-left .swiper-pagination{
    font-size: 24px;
    bottom: 50px;
}

.login-left .swiper-slide{
    display: flex;
    align-items: center;
}
.login-left .swiper-slide img{
    width: 100%;
}

.login-left .swiper-slide video{
    width: 100%;
}
.login-left .cswiper-button-prev {
    display: block;
    position: absolute;
    width: 0.92rem;
    height: 0.92rem;
    top: 38%;
    left: 0.24rem;
    margin-top: -0.46rem;
    background: url(../images/csprev.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    z-index: 1;
}

.login-left .cswiper-button-next {
    display: block;
    position: absolute;
    width: 0.92rem;
    height: 0.92rem;
    top: 38%;
    right: 0.44rem;
    margin-top: -0.46rem;
    background: url(../images/csnext.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    z-index: 2;
}
.login-top{
	border-bottom: 1px solid #BBBBBB;
	padding: 20px 40px;
}

.login-top h2{
	font-size: 22px;
}
.login-top .ttitle{
	font-size: 18px;
}

.login-bottom .titl{
	padding: 30px 40px 0;
	font-size: 20px;
}
.login-bottom .inputt{
	position: relative;
	width: 420px;
	height: 50px;
	margin: 20px 40px;
	font-size: 0;
}
.login-bottom .inputt input{
	border: 1px solid #BBBBBB;
	width: 100%;
	height: 100%;
	padding-left: 55px;
	box-sizing: border-box;
}


.login-bottom .inputp{
    position: relative;
    width: 475px;
    height: 50px;
    margin: 20px 40px;

}
.login-bottom .inputp input{
    border: 1px solid #BBBBBB;
    height: 100%;
    margin-left: 10px;
}


.login-bottom .inputp .one{
    width: 70px;
    margin-left: 0;
    padding-left: 10px;
}

.login-bottom .inputp .two{
    width: 110px;
    padding-left: 10px;
}

.login-bottom .inputp .three{
    width: 209px;
    padding-left: 10px;
}

.login-bottom .inputt select{
    border: 1px solid #BBBBBB;
    width: 114%;
    height: 100%;
    padding-left: 55px;
}

.login-bottom span{
    display: block;
    width:50px ;
    height: 50px;
    position: absolute;
    top:1px;
    left: 1px;
}
.login-bottom .email .arrow {
    display: block;
    width: 0;
    height: 0;
    margin-top: 6px;
    margin-left: 4px;
    border: 5px solid transparent;
    border-top: 5px solid #666;
    position: absolute;
    top:38px;
    left: 35px;
}

.login-bottom .dropdown-menu{
    top: 70px;
}
.login-bottom .email span{
	background: url('../images/cicon4.png') no-repeat center center;
}

.login-bottom .name span{
	background: url('../images/cicon2.png') no-repeat center center;
}

.login-bottom .machinery span{
    background: url('../images/cicon8.png') no-repeat center center;
}
.login-bottom .phone span{
	background: #F5F5F5;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}

.login-bottom .btns{
	background: #00a1e9;
	width: 275px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	color: #fff;
	margin: 40px 40px;
	font-size: 16px;
}

/**/
.about .title{
	font-size: 22px;
	padding: 10px;
	font-weight: bold;
}

.about .content p{
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}


/**/
.scontiner{
	background: #FAFAFA;
}
.dtop{
	display: flex;
	justify-content: space-between;
	width: 100%;
    margin: 20px 0;
}
.dtop-left{
	width:45% ;
}
.dtop-left .bd{
	border: 1px solid #BBBBBB;
}
.dtop .dphoto{
    height: 490px;
}
.dtop-left .dphoto img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.imgstype .item {
    display: inline-block;
    position: relative;
    width: 16%;
    height: 80px;
    margin-left: 0.8%;
    font-size: 0;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
	box-sizing: border-box;
}
.imgstype .item.cur{
    border:1px solid #00a1e9;
}
.imgstype .item:hover{
    border:1px solid #00a1e9;
}

.imgstype .item:first-child{
    margin-left: 0;
}
.imgstype {
    margin-left: -7px;
    padding-left: 1px;
    padding-top: 10px;
    font-size: 0;
}

.imgstype .item .img {
    height: 100%;
    vertical-align: middle;
}

.imgstype .item .name {
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(52, 52, 52, .8);
}

.imgstype .item .iicon {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    left: 50%;
    margin-left: -15px;
    border: 1px solid #fff;
    border-radius: 30px;
}
.imgstype .item .iicon.iiconvr360 {
    background: url(https://u-static.lmjx.net/2019/zj/images/piicon360.png) center center no-repeat;
}

.imgstype .item .iicon.iiconvr720 {
    background: url(https://u-static.lmjx.net/2019/zj/images/piiconvr.png) center center no-repeat;
}

.dtop-right{
	width: 54%;
}

.dtop-right .title{
	font-size: 24px;
	padding:0 20px;
    font-weight: bold;
}

.dtop-right .star{
	background: #fff;
	width: 100%;
	height: 30px;
	margin: 20px;
}
.dtop-right .dds{
    margin-top: 20px;
}
.dtop-right .dds li{
	display: flex;
	justify-content: start;
	font-size: 16px;
	color:#A0A0A0;
	margin-left: 20px;
	line-height: 30px;
}

.dtop-right .dds li .right{
	margin-left: 20px;
}

.dtop-right .details a{
	margin-left: 20px;
	color: #00a1e9;
	font-size: 16px;
	text-decoration:underline;
}
.dtop-right .line{
	width: 100%;
	height: 1px;
	background: #E8E8E8;
	margin: 20px 20px;
}

.dtop-right  .mmattrs { flex:1; display:flex; flex-direction: row;  margin-left: 10px; }
.dtop-right  .mmattrs .mmattra { width:60px; font-size:14px; font-weight:bold; text-align:center; margin-right:80px; }
.dtop-right  .mmattrs .mmattra i { display:block; width:50px; height:50px;margin: 20px auto;}
.dtop-right  .mmattrs .mmattra.a-vr i{ background: url(../images/vr1.png) no-repeat; background-size:100%  }
.dtop-right  .mmattrs .mmattra.a-video i{ background: url(../images/video1.png) no-repeat; background-size:100% }
.dtop-right  .mmattrs .mmattra.a-picture i{  background: url(../images/picture1.png) no-repeat; background-size:100%  }
.dtop-right  .mmattrs .mmattra.a-brochure i{ background: url(../images/brochure1.png) no-repeat;background-size:100% }
.dtop-right  .mmattrs .mmattra:hover i{box-shadow: 0 0 8px #BBBBBB;border-radius: 50%}

.dtop-right .btns{
	display: flex;
	align-items: center;
}
.dtop-right .btn{
	width: 250px;
	height: 60px;
	border: 1px solid #00a1e9;
	font-size: 16px;
	color:#00a1e9;
	text-align: center;
	margin:60px 20px;
	
}

.dtop-right .btn:last-child{
    width: 250px;
    height: 60px;
    background: #00a1e9;
    font-size: 16px;
    color:#ffffff;
    text-align: center;
    margin:60px 20px;

}

.dtop-right .btns .btns-right{
	margin-left: 30px;
}

.dtop-right .btns span{
	display: block;
}
.dtop-right .btns span:first-child{
	font-weight: bold;
	margin-top: 10px;
}

.dtop-right .btns .btn:hover{
	font-size: 18px;
}

.pnav{
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #BBBBBB;
    position: sticky;
    top: 0;
    background: #fff;
}

.pnav ul{
	display: flex;
	justify-content: space-between;
}
.pnav ul li{
	font-size: 18px;
	font-weight: bold;
	line-height: 100px;
}
.pnav ul li.cur{
	border-bottom: 1px solid #00a1e9;
}
.pnav ul li:hover{
    border-bottom: 1px solid #00a1e9;
}
.pnav ul li:hover a{
    color:#00a1e9;
}
.real-time li{
    font-size: 14px;
    width: 50%;
    display: flex;
    line-height: 30px;
}
.real-time li .left{
    width: 25%;
}
.real-time li .right{
    width: 64%;
    margin-left: 15px;
}
.real-time{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.real-time .item{
	width: 23%;
	border: 1px solid #BBBBBB;
	padding: 10px;
	background: #F9F9F9;
}
.real-time .item img{
	width: 100%;
}
.real-time .item .title{
	font-size: 18px;
	font-weight: bold;
}
.real-time p{
    width: 100%;
    font-size: 16px;
}
.real-time img{
    width: 100%;
}

.smtit{
	font-size: 16px;
	padding: 20px 0;
}
.picture{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.picture .item{
	width: 23%;
	border: 1px solid #BBBBBB;
	padding: 10px;
	background: #F9F9F9;
}
.picture .item img{
	width: 100%;
}

.picture .more{
	width: 220px;
	height: 45px;
	margin: 20px auto;
	border: 1px solid #00a1e9;
	color: #00a1e9;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
}


.video{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.video .item{
	width: 24%;
    border-radius: 10px;
	position: relative;
}
.video .item img{
	width: 100%;
	 border-radius: 10px;
}
.video .item .title{
	font-size: 18px;
	font-weight: bold;
}
.video .item .icon{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 10px;
	bottom: 50px;
	background: url(https://img.lmjx.net/s7/2018/lmjxvideo/images/play-icon.png) no-repeat;
	background-size: 100%;
}



.categories{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.categories .item{
	width: 24%;
    border-radius: 10px;
	position: relative;
	border: 1px solid #F4F4F4;
}
.categories .item img{
	width: 100%;
	 border-radius: 10px;
}
.categories .item .title{
	font-size: 18px;
	font-weight: bold;
	padding: 10px;

}
.categories .item .sbtn{
	width: 170px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #00a1e9;
	text-align: center;
	color:#00a1e9;
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	margin: 10px;
}
.categories .item .sbtn a{
	color:#00a1e9;
}
.categories .item .sbtn:hover{
	background: #00a1e9;
	color: #fff;
} 
.categories .item .sbtn:hover a{
	color: #fff;
} 

/**/

.picturess{
	display: flex;
	justify-content: space-between;
    flex-flow: wrap;
}

.picturess img{
	width: 100%;
}
.picturess  .item{
    width: 24%;
    position: relative;
	box-sizing: border-box;
	transition: box-shadow .3s;
}
.picturess .item:hover{
	border: 1px solid #EAEAEA;
	box-shadow: 0 0 10px #EAEAEA;
}
.picturess  .item:hover .icon{
	width: 30px;
	height: 30px;
	background: url(../images/cicon7.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	right: 10px;
}



/*选择国家*/
.oeChng {
	display: flex;
	align-items: center;
	margin-top: 28px;
}
.oeChng .oeWicn {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAANlBMVEUAAAB2iIh0h4d2iIh0h4d2h4dwgIB1iYl1iIh2iYl2iYl2h4d1h4d2iYl1iIh2iIh2hoZ2iIjEqp3/AAAAEXRSTlMAnyDfQIAQcL+v78+QUDCPUBAH8BAAAABoSURBVAjXNY5JDgNBCANNQ2+zJf7/Z2ONlTqACiQMIGpG9AYzNldci/EOWp6lNskc6sEbeL4UW0uyo2gKnczPc1gngiJpQvpytf7qtN5KP/5XHLKo5G1fGBmAqr3O9Fth3wOm9YhZED+1BAbG9lstIQAAAABJRU5ErkJggg==) no-repeat;
    margin-right: 5px;
    margin-top: 1px;
    flex-shrink: 0;
}
.oeChng .oef0 {
    display: flex;
	margin-top: 0;
    color: #698181;
    font-size: 12px;
}
.oeChng .oeCnty {
    padding-right: 15px;
    margin-left: 5px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    font-size: 12px;
}
.oeCnty .be-flg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0;
    border: none;
    padding: 0;
    z-index: 1;
}
.oeCnty .as_arrow {
    left: unset!important;
    right: 1px;
    position: absolute;
    top: 7px;
    margin: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #698181;
}
.as_arrow {
    position: relative;
    top: 40%;
    margin-top: -19px;
    left: 24px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
.eqAts {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: 0 0;
    border: none;
    padding: 0;
    z-index: 1;
}
.be-flg.dropdown dt {
    height: 20px!important;
}
.eqAts {
    background-color: #fff;
    border-radius: 5px;
    display: none;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    width: 400px;
    padding: 8px 0;
}

.eqAts, .eqAts * {
    box-sizing: border-box;
}

.eqAts input {
    width: 382px !important;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #000;
    font-size: 14px;
    padding: 0 10px !important;
    margin: 0 8px !important;
}

.eqAts ul {
    overflow-y: scroll;
    list-style: none;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 8px;
    margin-top: 8px;
    max-height: 155px;
    z-index: 1;
    text-align: left;
}
.eqAts ul li {
	font-size: 0;
	white-space: nowrap;
}
.eqAts ul li span {
	position: relative;
    width: 16px;
    height: 11px;
    background: url(https://utils.imimg.com/imsrchui/imgs/country-v5.png);
    display: inline-block;
}

.eqAts ul li a {
    color: #000;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-family: arial;
    text-decoration: none;
    font-weight: 400;
}


/*video call*/
.dtop-right .details .btnvcall {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 207px;
    height: 60px;
    margin-left: auto;
    padding: 0 20px;
    font-size: 20px;
    line-height: 25px;
    color: #00A1E9;
    white-space: nowrap;
    background: #F4FCFF;
    border: 1px solid #00A1E9;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.btnvcall i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(../images/i_bluevcall.png) center center no-repeat;
    background-size: 100% auto;
    animation:vcalling 1s linear infinite;
}

.dtop-right .details {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 26px;
}


@keyframes vcalling {
    0% {
        background: url(../images/i_bluevcall.png) center center no-repeat;
        background-size: 100% auto
    }

    33% {
        background: url(../images/i_bluevcall1.png) center center no-repeat;
        background-size: 100% auto
    }

    66% {
        background: url(../images/i_bluevcall2.png) center center no-repeat;
        background-size: 100% auto
    }
  
  	100% {
        background: url(../images/i_bluevcall3.png) center center no-repeat;
        background-size: 100% auto
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1400px;
        margin: 0 auto;
    }
    .piclist .item{
        display: block;
        width: 20%;
    }
}
@media (max-width: 1366px) {
    .container {
        width: 1200px;
        margin: 0 auto;
    }
    .cateswiper .swiper-slide:hover .text {
        color: #f07989;
    }
    .piclist .item{
        display: block;
        width: 25%;
    }
}
@media (max-width: 768px) {
    html {
        font-size: 50px;
    }
    .container {
        width: 92%;
        margin: 0 auto;
    }
    .topbar .lldiv {
        display: none;
    }

    .tbmenubtn {
        display: block;
        width: .8rem;
        height: .8rem;
        margin-left: auto;
        background: url(../images/menublue.png) center center no-repeat;
        background-size: 100% auto;
    }
    .topbar .lrdiv {
        display: none;
        position: absolute;
        width: 4rem;
        padding: .2rem 0;
        top: 100%;
        right: 0;
        z-index: 9;
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    }
    .topbar .lrdiv .lrnav {
        display: block;
    }
    .topbar .lrdiv .lrnav .item {
        padding-left: .4rem;
        font-size: .28rem;
        line-height: .8rem;
    }
    .signin,
    .lanselect {
        margin-left: .4rem;
        line-height: .8rem;
    }

    .header .headerin .hnav {
        display: none;
        position: absolute;
        height: auto;
        top: 100%;
        right: 0;
        z-index: 9;
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    }
    .header .headerin .hnav .item {
        margin: 0;
        padding: 0 .4rem;
        color: #666;
    }
    .header .headerin .hnavbtn {
        display: block;
        width: .8rem;
        height: .8rem;
        background: url(../images/menuwhite.png) center center no-repeat;
        background-size: 100% auto;
    }
	
	.header .headerin .hnav .item.cur {
		border: 0;
		margin-bottom: 0;
	}

    .aserlist .item .itemin {
        width: 2.42rem;
        height: 2.42rem;
    }

    .oprolist .item {
        width: 50%;
    }

    /* .oprolist .item .in {
        justify-content: flex-start;
        background: rgba(0, 0, 0, .6);
    }
    .oprolist .item .in .intexts {
        display: block;
    } */

    .ovlist {
        display: none;
    }
    .ovideoscon {
        padding: 0;
        width: 100%;
    }

    .provrlist .item {
        width: 100%;
    }
    
    .piclist .item {
        width: 50%;
    }


    /*product*/

    .dflex {
        display: block;
    }

    .containerleft{
        width: auto;
    }

    .productitem{
        display: block;
    }

    .productitem .icon{
        width: 100%;
        height: auto;
    }

    .productitem .itemin{
        padding-left: 0;
    }

    .productitem .dds{
        height: auto;
    }

    .productitem .btns{
        width: 150px;
        margin: 20px auto;
        text-align: center;
    }

    .productitem .iteminft{
        display: block;
    }

    /*vr*/

    .activity{
        display: block;
    }

    .activity img:hover{
        transform: none;
    }
    .product{
        display: block;
    }

    .product .item{
        width: 100%;
        margin-left: 0;
    }

    .product .item img{
        width: 100%;
        margin-left: 0;
        height: auto;
        transition: no;
    }

    .product .item .title{
        padding: 10px 10px;
    }
    .product .item .quote{
        margin: 20px 10px;
    }

    .pcatetags span{
        margin-right: 5px;
    }
    .product img:hover{
        transform: none;
    }


    /*video*/
    .excavator .item{
        width: 49%;
    }

    .excavator .item img{
        border-radius: 10px;
    }

    .excavator .title {
        font-size: 12px;
        font-weight: bold;
        padding: 0px 0;
        height: 35px;
        overflow: hidden;
        margin: 10px 0;
    }

    .excavator .btns {
        width: 170px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #00a1e9;
        text-align: center;
        border-radius: 30px;
        font-size: 12px;
        padding: 0;
    }
	
 	/*video call*/
  .btnvcall {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      margin-left: 10px;
      padding: 0 20px;
      font-size: 15px;
      line-height: 25px;
      color: #E60012;
      white-space: nowrap;
      background: #F4FCFF;
      border: 1px solid #00A1E9;
      box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
  }

  .btnvcall i {
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      background: url(../images/i_bluevcall.png) center center no-repeat;
      background-size: 100% auto;
      animation:vcalling 1s linear infinite;
  }

  .dtop-right .details {
      display: flex;
      align-items: center;
      height: 40px;
      margin-top: 26px;
  }
   
}

@media (max-width: 414px) {
    .container {
        width: 94%;
        margin: 0 auto;
    }
    .header {
        height: 1.3rem;
    }
    .header .headerbg {
        height: .66rem;
    }
    .header .logo {
        width: 1.8rem;
        min-width: 1.8rem;
        height: .92rem;
        margin-top: .15rem;
        margin-right: .2rem;
    }
    .header .headerin {
        padding-top: .1rem;
    }
    .header .headerin .text {
        font-size: .22rem;
        line-height: .56rem;
    }
    .hsearchbtn {
        width: .66rem;
        height: .66rem;
        background-size: 50% auto;
    }
    .header .headerin .hnavbtn {
        width: .66rem;
        height: .66rem;
        background-size: 70% auto;
    }
    .header .headerin .hnav .item {
        line-height: .8rem;
    }
    .cateswiper .swiper-slide {
        width: 3.4rem;
        height: 2.16rem;
    }
    .cateswiper .swiper-slide .text {
        top: 0.16rem;
        left: 0.3rem;
        font-size: .48rem;
        line-height: .6rem;
        word-break: break-all;
    }

    .banner iframe{
        height: 300px;
    }

    .btit {
        font-size: .3rem;
    }
    .btit i {
        bottom: 0;
    }

    .icates {
        overflow: hidden;
    }

    .aserlist {
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .aserlist .item {
        width: 33.33%;
        margin-bottom: .4rem;
    }
    .aserlist .item .itemin {
        width: 1.72rem;
        height: 1.72rem;
    }
    .aserlist .item .icon {
        width: .8rem;
        height: .8rem;
    }
    .aserlist .item .text {
        font-size: .24rem;
    }

    .ovideoscon {
        margin-top: .6rem;
        width: 100%;
    }

    .oprolist .item {
        width: 100%;
    }

    .oprolist .item .in .intitle {
        font-size: .3rem;
    }

    .provrlist {
        margin-top: .2rem;
    }
    .provrlist .item {
        margin-top: .3rem;
    }

    .oproducts,
    .ovideos,
    .provr,
    .pictures {
        padding: .4rem 0 .6rem;
    }

    .piclist {
        margin-top: .6rem;
    }

    .lmore {
        width: 2.8rem;
        height: .56rem;
        margin-top: .6rem;
        font-size: .24rem;
        line-height: .52rem;
    }

    .contactbox {
        display: block;
        margin-top: .4rem;
    }
    .creachus {
        width: 100%;
        padding: 0 .2rem;
    }
    .creachuscon {
        padding: 0;
    }
    .creachus .crtit {
        font-size: .26rem;
    }
    .creachuscon .item .bbtext {
        font-size: .3rem;
    }
    .creachuscon .item .text {
        font-size: .24rem;
    }
    .cleavemsg {
        width: 100%;
        margin-top: .6rem;
        padding: 0 .2rem;
    }
    .cleavemsg .cltit {
        font-size: .26rem;
    }
    .cleavemsg .cltit span {
        color: #666;
    }
    .cleavemsgform .item,
    .cleavemsgform .itextarea {
        margin-top: .2rem;
    }
    .cleavemsgform .item {
        height: .64rem;
        padding: 0 .1rem;
    }
    .cleavemsgform .item .ilanselect, .cleavemsgform .item .iconbox {
        width: 1.2rem;
    }
    .cleavemsgform .item .ilanselect .icon,
    .cleavemsgform .item .iconbox .icon {
        width: .54rem;
        height: .54rem;
    }
    .cleavemsgform .item input,
    .cleavemsgform .itextarea textarea {
        font-size: .24rem;
    }
    .cleavemsgform .itextarea textarea {
        padding: .2rem .26rem;
    }

    .contact {
        padding: .4rem 0 .6rem;
    }

    .copyright {
        font-size: .24rem;
        line-height: .4rem;
    }

    /*product*/
    .dflex {
        display: block;
    }

    .containerleft{
        width: auto;
    }

    .containerleft .open{
        height: auto;
    }

    .lnavs{
        height: 75px;
        overflow: hidden;
    }
    .lnavs .ctitle {
        border: 1px solid #ddd;
        border-radius: 5px;
        background: #F8F8F8;
        position: relative;
    }
    .lnavs .ctitle i{
        position: absolute;
        top: 0;
        right: 10px;
        background: url(../images/csopen.png) no-repeat center;
        width: 40px;
        height: 40px;
    }

    .lnavs.open .ctitle i{
        background: url(../images/csclose.png) no-repeat center;
    }
    .productitem{
        display: block;
    }

    .productitem .icon{
        width: 100%;
        height: auto;
    }

    .productitem .itemin{
        padding-left: 0;
    }

    .productitem .dds{
        height: auto;
    }

    .productitem .btns{
        width: 150px;
        margin: 20px auto;
        text-align: center;
    }

    .productitem .iteminft{
        display: block;
    }

    /*vr*/

    .activity{
        display: block;
    }

    .activity img:hover{
        transform: none;
    }
    .product{
        display: block;
    }

    .product .item{
        width: 100%;
        margin-left: 0;
    }

    .product .item img{
        width: 100%;
        margin-left: 0;
        height: auto;
        transition: no;
    }

    .product .item .title{
        padding: 10px 10px;
    }
    .product .item .quote{
        margin: 20px 10px;
    }

    .pcatetags span{
        margin-right: 5px;
        padding: 2px 5px;
    }

    .product img:hover{
        transform: none;
    }

    .dtop{
        display: block;
    }
    .dtop-left{
        width: 100%;
    }
    .dtop .dphoto{
        height: auto;
    }
    .dtop-right{
        width: 100%;
    }
    .dtop-right .title {
        font-size: 16px;
        padding: 15px 0 0 20px;
    }
    .dtop-right .btn {
        width: 50%;
        height: 48px;
        border: 1px solid #00a1e9;
        font-size: 14px;
        color: #00a1e9;
        text-align: center;
        margin: 60px 2px;
    }

    .dtop-right .btn:last-child {
        width: 50%;
        height: 48px;
        background: #00a1e9;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        margin: 0;
    }

    .dtop-right .btns span:first-child{
        margin-top: 5px;
    }
    .pnav{
        display: none;
    }
    /*video*/
    .excavator .item{
        width: 49%;
    }

    .excavator .item img{
        border-radius: 10px;
    }

    .excavator .title {
        font-size: 12px;
        font-weight: bold;
        padding: 0px 0;
        height: 35px;
        overflow: hidden;
        margin: 10px 0;
    }

    .excavator .btns {
        width: 170px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #00a1e9;
        text-align: center;
        border-radius: 30px;
        font-size: 12px;
        padding: 0;
    }


    .excavator .item .icon{
        height: 110px;
    }

    /**
    picture
     */

    .picturess .item{
        width: 50%;
    }

    /*news*/
    .news{
        margin: 0;
    }
    .news .item{
        display: block;
        margin: 10px 0;
        padding: 0;
        height: auto;
    }

    .news .item-left{
        width: 100%;
    }

    .news .item-right{
        width: 100%;
        margin-left: 0;
    }

    .news .item-right .title{
        padding: 10px 10px;
    }

    .news .item .description{
        height: auto;
        padding: 10px 10px;
    }

    .news .item .date{
        padding: 10px 10px;
    }

    .newsdetail .content img{
        width: 100%;
    }

    /*询价框*/

    .popup{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        overflow-y: auto;
        transform: none;
    }
    .popup .login{
        display: block;
    }

    .login-left{
        width: 90%;
        margin: 0 auto;
        height: auto;
    }

    .login-right{
        width: 100%;
    }

    .login-left .mySwiper{
        width: 100%;
    }

    .login-left .cswiper-button-prev{
        left: 0;
        top: 50%;
    }

    .login-left .cswiper-button-next{
        right: 0;
        top: 50%;
    }

    .login-left .swiper-pagination{
        bottom: -40px;
    }

    .login-top{
        padding: 20px;
    }

    .login-bottom .titl{
        padding: 30px 0 0 20px;
    }

    .login-bottom .inputt {
        position: relative;
        width: 85%;
        height: 50px;
        margin: 20px 20px;
    }

    .login-bottom .inputt input {
        border: 1px solid #BBBBBB;
        width: 90%;
        height: 100%;
        padding-left: 55px;
    }

    .login-bottom .inputp {
        position: relative;
        width: 100%;
        height: 50px;
        margin: 20px 20px;
    }

    .login-bottom .inputp .one {
        width: 10%;
    }

    .login-bottom .inputp .two {
        width: 20%;
    }

    .login-bottom .inputp .three {
        width: 45%;
    }
    .login-bottom .inputp input{
        margin-left: 0;
    }
	
	.eqAts {
		width: 300px;
		left: 50%;
		transform: translateX(-50%);
	}
	.eqAts input {
		width: 285px !important;
	}
  
  	.real-time li {
		width: 100%;
	}
  	.real-time li .left {
      	width: 50%;
  	}
    table {
      	width: 100%;
    	word-break: break-all;
    }
  
   /*video call*/
  .btnvcall {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      margin-left: 10px;
      padding: 0 20px;
      font-size: 15px;
      line-height: 25px;
      color: #E60012;
      white-space: nowrap;
      background: #F4FCFF;
      border: 1px solid #00A1E9;
      box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
  }

  .btnvcall i {
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      background: url(../images/i_bluevcall.png) center center no-repeat;
      background-size: 100% auto;
      animation:vcalling 1s linear infinite;
  }

  .dtop-right .details {
      display: flex;
      align-items: center;
      height: 40px;
      margin-top: 26px;
  }
}