.bg,.sec {
	background-repeat: no-repeat;
	overflow: hidden
}

.bg,.sec,.sec4 .prod {
	background-position: center;
	background-size: cover
}

.desc,.newSec1 .sec1_content,.sec02,.sec1 .btn2,.sec1 .sec1_content,.sec1 .sec1_content .sec1_btns,.sec2,.sec3,.sec4 .prod,.sec5,.sec6 .card,.subtitle,.title {
	text-align: center
}

.sec {
	position: relative;
	margin-left: auto;
	margin-right: auto
}

body {
	background-color: #f0f2f5
}

.title {
	font-size: .48rem;
	color: #0e3a7c;
	line-height: .67rem;
	font-weight: 700
}

.subtitle {
	font-size: .24rem;
	color: #111;
	line-height: .33rem
}

.video__container {
	position: relative;
	width: 100%;
	background-color: #000;
	overflow: hidden
}

.video__container .product__video {
	display: block
}

.video__container .video__mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-top: 3.1rem;
	background-color: rgba(0,0,0,.2);
	box-sizing: border-box;
	color: #FFF
}

.video__container .video__title {
	font-size: .32rem;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: .44rem;
	letter-spacing: .06rem
}

.video__container .video__desc {
	margin-top: .08rem;
	font-size: .56rem;
	font-family: PingFang SC;
	font-weight: 600;
	line-height: .78rem;
	letter-spacing: .09rem
}

.video__container .video__more {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .56rem;
	width: 1.56rem;
	height: 40px;
	border: 1px solid #FFF;
	border-radius: .04rem;
	opacity: .7;
	font-size: .16rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFF;
	letter-spacing: .01rem
}

.video__container .video__more::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	transition: all ease .3s
}

.video__container .video__more:hover {
	color: #000;
	opacity: 1
}

.video__container .video__more:hover::after {
	width: 100%
}

.video__container .video__more:hover .more__svg {
	color: #000
}

.video__container .more__text {
	position: relative;
	z-index: 10;
	padding-right: .06rem
}

.video__container .more__svg {
	position: relative;
	z-index: 10;
	transform: translate(0,2%);
	color: #fff
}

.sec0 {
	width: 100%;
	height: 9rem;
	background: url(../images/newyear-ae9c5a5fb4.jpg) center no-repeat;
	background-size: cover;
	cursor: pointer
}

.sec1 {
	position: relative
}

.sec1 .slide1 {
	width: 100%;
	height: 9rem;
	background: url(../images/newyear-ae9c5a5fb4.jpg) center no-repeat;
	background-size: cover
}

.sec1 .slide2 {
	cursor: pointer;
	width: 100%;
	height: 9rem;
	background: url(../images/sec11-f917a1b680.png) center no-repeat;
	background-size: cover
}

.newSec1 .btn1:before,.newSec1 .btn2:before,.sec1 .btn1:before,.sec1 .btn2:before,.sec1 .sec1_content .new_link .act::before {
	content: '';
	background: #fff;
	transition: all .3s
}

.sec1 .swiper-container {
	height: 9rem;
	margin: 0 auto
}

.sec1 .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%
}

.sec1 .swiper-container .swiper-wrapper img {
	display: block;
	width: 100%;
	height: 9rem
}

.sec1 .btn {
	display: inline-block;
	width: 1.51rem;
	height: .4rem;
	font-size: .16rem;
	border-radius: .04rem
}

.sec1 .btn2 {
	z-index: 1;
	top: 4.51rem;
	left: 50%;
	transform: translateX(-50%)
}

.sec1 .btn1,.sec1 .btn2 {
	border: .01rem solid rgba(255,255,255,.7);
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding-top: .06rem
}

.sec1 .btn1 span,.sec1 .btn2 span {
	position: relative;
	z-index: 1;
	font-size: .16rem;
	color: rgba(255,255,255,.4);
	transition: all .3s
}

.sec1 .btn1:before,.sec1 .btn2:before {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: .02rem;
	width: 0
}

.newSec1 .sec1_content,.newSec1 video {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.sec1 .btn1:hover span,.sec1 .btn2:hover span {
	color: #000
}

.sec1 .btn1:hover:before,.sec1 .btn2:hover:before {
	transition: all .3s;
	width: 100%
}

.newSec1 {
	height: 9rem;
	cursor: pointer
}

.newSec1 video {
	height: 9rem;
	width: 19.2rem;
	top: 0
}

.newSec1 .sec1_content {
	display: flex;
	justify-content: center;
	z-index: 1;
	top: 4.51rem
}

.newSec1 .btn {
	display: inline-block;
	width: 1.51rem;
	height: .4rem;
	font-size: .16rem;
	border-radius: .04rem
}

.newSec1 .btn2 {
	margin-left: .1rem
}

.newSec1 .btn1 {
	margin-right: .1rem
}

.newSec1 .btn1,.newSec1 .btn2 {
	border: .01rem solid rgba(255,255,255,.7);
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding-top: .06rem
}

.newSec1 .btn1 span,.newSec1 .btn2 span {
	position: relative;
	z-index: 1;
	font-size: .16rem;
	color: rgba(255,255,255,.4);
	transition: all .3s
}

.newSec1 .btn1:before,.newSec1 .btn2:before {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: .02rem;
	width: 0
}

.sec1,.sec1 video {
	height: 9rem
}

.sec1 .sec1_content,.sec1 video {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.newSec1 .btn1:hover span,.newSec1 .btn2:hover span {
	color: #000
}

.newSec1 .btn1:hover:before,.newSec1 .btn2:hover:before {
	transition: all .3s;
	width: 100%
}

.sec1 video {
	width: 19.2rem;
	top: 0
}

.sec1 .sec1_content {
	z-index: 1;
	top: 3.5rem
}

.sec1 .sec1_content h2 img {
	width: 3.22rem;
	height: .51rem
}

.sec1 .sec1_content .new_btn {
	width: 2rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .2rem;
	font-weight: 400;
	margin: .5rem auto .29rem;
	padding: 0
}

.sec1 .sec1_content .sec1_btns {
	width: 2rem!important;
	height: .5rem!important;
	line-height: .5rem!important;
	cursor: pointer;
	margin: .5rem auto .29rem!important;
	font-size: .2rem!important;
	font-weight: 400!important;
	color: #fff!important;
	border: 1px solid #fff!important
}

.sec1 .sec1_content .new_link .act {
	display: inline-block;
	height: .22rem;
	font-size: .2rem;
	font-weight: 500;
	color: #fff;
	line-height: .22rem;
	position: relative
}

.sec2 .subtitle,.sec2 .title {
	font-weight: 800;
	color: #000;
	letter-spacing: .02rem
}

.sec1 .sec1_content .new_link .act .icon-youjiantou {
	padding-left: .03rem
}

.sec1 .sec1_content .new_link .act::before {
	position: absolute;
	bottom: -8px;
	left: 0;
	display: block;
	width: 0;
	height: 2px
}

.sec1 .sec1_content .new_link:hover .act::before {
	width: 4.8em
}

.sec02 .title {
	margin: .93rem 0 .18rem;
	letter-spacing: .02rem;
	color: #0e3a7c;
}

.sec02 .subtitle {
	letter-spacing: .02rem
}

.sec02 .new_btn {
	padding: 0 .48rem;
	margin: .44rem auto
}

.sec02 .swiper-container {
	width: 16rem;
	height: 8.08rem;
	margin: 0 auto
}

.sec02 .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%
}

.sec02 .swiper-container .swiper-wrapper img {
	display: block;
	width: 16rem;
	height: 8.08rem
}

.sec2 .title {
	margin-top: .8rem;
	height: .77rem;
	font-size: .48rem;
	line-height: .77rem
}

.sec2 .subtitle {
	margin-top: .1rem;
	height: .48rem;
	font-size: .3rem;
	line-height: .48rem
}

.sec2 .desc {
	height: .36rem;
	font-size: .24rem;
	font-weight: 500;
	color: #757575;
	line-height: .36rem;
	letter-spacing: .01rem;
	margin-top: .2rem
}

.sec2 .new_btn {
	padding: 0 .48rem;
	margin: .5rem auto 0
}

.sec2 .swiper-container {
	width: 16rem;
	height: 8.06rem;
	margin: .5rem auto 0
}

.sec2 .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%
}

.sec2 .swiper-container .swiper-wrapper img {
	display: block;
	width: 16rem;
	height: 8.06rem
}

.sec3 .new_btn {
	padding: 0 .48rem;
	margin: .44rem auto
}

.sec3 .title {
	letter-spacing: .04rem;
	margin: .97rem 0 .12rem
}

.sec4,.sec5 {
	margin-top: 1.2rem
}

.sec3 .desc {
	font-size: .28rem;
	line-height: .41rem;
	letter-spacing: .01rem
}

.sec3 .ai {
	display: block;
	height: 8.08rem;
	cursor: pointer!important
}

.sec4 {
	height: 11.9rem
}

.sec4 .prod {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-repeat: no-repeat
}

.sec4 .prod .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	opacity: 0;
	transition: all .3s
}

.sec4 .prod .act,.sec4 .prod .title,.sec6 .card .act {
	letter-spacing: .01rem;
	position: relative
}

.sec4 .prod .act::before,.sec6 .card .act::before {
	bottom: -4px;
	width: 0;
	background: #fff;
	transition: all .3s;
	content: ''
}

.sec4 .prod .title {
	height: .48rem;
	font-size: .27rem;
	font-weight: 500;
	color: #fff;
	line-height: .48rem;
	z-index: 2;
	opacity: 0
}

.sec4 .prod .act {
	opacity: 0;
	display: inline-block;
	margin-top: .1rem;
	height: .22rem;
	font-size: .16rem;
	font-weight: 500;
	color: #fff;
	line-height: .22rem
}

.sec4 .prod3 .title,.sec5 .desc,.sec5 .title,.sec7 .title,.sec7 .videos .video .title {
	letter-spacing: .02rem
}

.sec4 .prod .act::before {
	position: absolute;
	left: 0;
	display: block;
	height: 2px
}

.sec4 .prod:hover .act,.sec4 .prod:hover .mask,.sec4 .prod:hover .title {
	opacity: 1
}

.sec4 .prod:hover .act::before {
	width: 5em
}

.sec4 .prod1 {
	width: 4.14rem;
	height: 3.88rem;
	top: 0;
	left: 0;
	background-image: url(../images/1-6b5a55bb1c.jpg)
}

.sec4 .prod2 {
	width: 4.14rem;
	height: 4.06rem;
	top: 3.88rem;
	left: 0;
	background-image: url(../images/2-c3dd5deaa8.png)
}

.sec4 .prod3 {
	display: block;
	width: 7.64rem;
	height: 7.94rem;
	top: 0;
	left: 4.14rem;
	background-image: url(../images/3-811b111fe5.png)
}

.sec4 .prod3 .title {
	height: .98rem;
	opacity: 1;
	font-size: .36rem;
	margin-top: 1.21rem;
	font-weight: 800;
	color: #000;
	line-height: .48rem
}

.sec4 .prod3 .act {
	opacity: 1;
	margin-top: .21rem;
	color: #111
}

.sec4 .prod3 .act::before {
	background: #111
}

.sec4 .prod4 {
	width: 4.22rem;
	height: 7.94rem;
	top: 0;
	right: 0;
	background-image: url(../images/4-64732a7b72.jpg)
}

.sec4 .prod5,.sec4 .prod6,.sec4 .prod7 {
	height: 3.96rem;
	bottom: 0
}

.sec4 .prod5 {
	width: 8rem;
	left: 0;
	background-image: url(../images/5-45eb28fdda.png)
}

.sec4 .prod6 {
	width: 3.78rem;
	left: 8rem;
	background-image: url(../images/6-a52343407a.jpg)
}

.sec4 .prod7 {
	width: 4.22rem;
	right: 0;
	background-image: url(../images/7-07533fbfaa.jpg)
}

.sec5 {
	height: 8.31rem
}

.sec5 .title {
	height: .67rem;
	font-size: .42rem;
	font-weight: 800;
	color: #fff;
	line-height: .67rem;
	margin-top: 2.79rem
}

.sec5 .desc {
	margin-top: .1rem;
	height: .36rem;
	font-size: .24rem;
	font-weight: 500;
	color: #fff;
	line-height: .36rem
}

.sec5 .new_btn {
	margin-top: .6rem
}

.sec6 {
	margin-top: .44rem;
	height: 3.41rem;
	display: flex;
	justify-content: space-between
}

.sec6 .card {
	width: 5.13rem;
	height: 3.41rem;
	display: block
}

.sec6 .card .title {
	height: .58rem;
	font-size: .36rem;
	font-weight: 500;
	color: #fff;
	line-height: .58rem;
	letter-spacing: .01rem;
	margin-top: .98rem
}

.sec6 .card .act,.sec6 .card .desc {
	font-size: .16rem;
	font-weight: 500;
	color: #fff
}

.sec6 .card .desc {
	height: .26rem;
	line-height: .26rem
}

.sec6 .card .act {
	display: inline-block;
	margin-top: .4rem;
	height: .22rem;
	line-height: .22rem
}

.sec6 .card .act::before {
	position: absolute;
	left: 0;
	display: block;
	height: 2px
}

.sec6 .card:hover .act::before {
	width: 5em
}

.sec7 .title {
	height: .77rem;
	font-size: .48rem;
	font-weight: 800;
	color: #000;
	line-height: .77rem;
	margin-top: 1.2rem
}

.sec7 .videos {
	margin-top: .4rem;
	display: flex;
	justify-content: space-between
}

.sec7 .videos .video {
	flex: 0 0 auto
}

.sec7 .videos .video .bg {
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.sec7 .videos .video .bg:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: .8rem;
	height: .8rem;
	transform: translate(-50%,-50%);
	background: url(../images/icon_play-525abb68fd.png) center no-repeat;
	background-size: cover;
	transition: .5s all ease
}

.sec7 .videos .video .bg:before {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.2);
	transition: .5s all ease
}

.sec7 .videos .video .bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: -1
}

.sec7 .videos .video .bg:hover img {
	width: 110%;
	height: 110%
}

.sec7 .videos .video .bg:hover:after,.sec7 .videos .video .bg:hover:before {
	opacity: 1
}

.sec7 .videos .video .title {
	cursor: pointer;
	height: .32rem;
	font-size: .2rem;
	font-weight: 400;
	color: #000;
	line-height: .32rem;
	margin-top: .1rem;
	text-align: left
}

.sec7 .videos .video1 .bg,.sec7 .videos .video2 .bg {
	height: 5.46rem
}

.sec7 .videos .video1 {
	width: 10.57rem
}

.sec7 .videos .video2,.sec7 .videos .video3,.sec7 .videos .video4,.sec7 .videos .video5 {
	width: 5.13rem
}

.sec7 .videos .video3 .bg,.sec7 .videos .video4 .bg,.sec7 .videos .video5 .bg {
	height: 3.4rem
}

.sec8 {
	height: 5.21rem;
	display: block;
	width: 16rem;
	margin: 1.5rem auto 1.36rem
}

.sec8 .w {
	position: relative;
	height: 100%
}

.sec8 .con {
	position: absolute;
	left: 1.84rem;
	top: 1.55rem
}

.sec8 .con .title {
	font-size: .5rem;
	font-weight: 800;
	color: #fff;
	line-height: .7rem;
	letter-spacing: .01rem;
	text-align: left
}

.sec8 .con .desc {
	color: #fff;
	text-align: left;
	margin-top: .12rem;
	font-size: .2rem;
	line-height: .28rem;
	margin-bottom: .61rem
}

.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#0e3a7c; font-weight:bold; overflow:hidden; }

.tit1 a{ display:block; color:#424242;}

.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#626262; margin-top:8px; background:url(../images/line.png) no-repeat center top;}
.content{
	width:1200px;
	margin:0 auto;
	
}
.yinz{ height:490px; margin-top:90px; overflow:hidden;}

.yinz p{ width:1101px; margin:40px auto; text-align:center; font:15px "Microsoft YaHei"; line-height:24px; color:#949494;}

.yinz li{ width:270px; height:140px; float:left; background:#fff; font:18px "Microsoft YaHei"; text-align:center; color:#626262; margin:0 10px;}

.yinz li span{ display:block; font:70px Arial; color:#424242; position:relative; margin-top:10px;}

.yinz li span i{ display:block; width:26px; height:26px; background:#0e3a7c; border-radius:26px; font:14px "Microsoft YaHei"; text-align:center; line-height:25px; color:#fff; position:absolute; top:15px; left:190px;}

.yinz li:nth-child(1) span i{}

.yinz li:nth-child(4){ width:300px;}

.yinz li:nth-child(4) span i{ left:260px;}

.yinz .cur{ box-shadow:0.1rem 0.1rem 0.9rem 0.1rem #e3e3e3;}

.yinz .cur span{ color:#0e3a7c;}

.yinz .cur span i{ background:#0e3a7c;}


.sy0 {width:1200px;margin:0 auto;text-align:center;line-height:60px;padding-top: 50px;}
.sy0>h3 {font-size:51px;color:#333;font-family:SOURCEHANSANSCN-NORMAL;}
.sy4 {width:100%;height:893px;background:url(../images/hz4.jpg) no-repeat center 0;}
.sy41 {width:1200px;height:610px;margin:0 auto;margin-top: 50px;}
.sy42 {width:760px;height:610px;float:right;position:relative;overflow:hidden;}
.sy42>div {width:222px;height:151px;background:#FFF;border:1px solid #575759;border-radius:10px;font-family:'SourceHanSansCN-Regular';overflow:hidden;cursor:pointer;z-index:2;position:absolute;}
.sy421 {top:0;left:0;}
.sy422 {top:225px;left:200px;}
.sy423 {bottom:0px;left:0;}
.sy4211 {width:121px;height:61px;background:#575759;border-radius:20px;margin:-22px auto 0;text-align:center;line-height:80px;color:#FFF;font-size:18px;}
.sy42>div>div {width:111px;height:66px;margin:18px auto 0;padding-left:63px;text-align:center;font-size:20px;}
.sy4212 {background:url(../images/hz4_.png);}
.sy4222 {background:url(../images/hz5_.png);}
.sy4232 {background:url(../images/hz6_.png);}
.sy4212 {background-position:5px 2px;background-repeat:no-repeat;}
.sy4222 {background-position:5px 5px;background-repeat:no-repeat;}
.sy4232 {background-position:0 2px;background-repeat:no-repeat;}
.sy42>span {position:absolute;width:560px;height:151px;overflow:hidden;}
.sy42>span>div {position:absolute;width:332px;height:97px;line-height:91px;padding-left:50px;background:#0e3a7c;font-size:22px;text-align:center;border-radius:44px;color:#FFF;top:31px;font-family:'SourceHanSansCN-Regular';}
.sy431 {left:170px;top:0;overflow:hidden}
.sy432 {left:200px;top:225px;overflow:hidden}
.sy433 {left:170px;bottom:0;overflow:hidden}
.sy431>div {left:-340px;z-index:-1;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;}
.sy432>div {left:-340px;z-index:-1;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;}
.sy433>div {left:-340px;z-index:-1;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;}




.hezuo {
	
    height: 510px;
    font-size: 44px;
    color: #333333;
    font-weight: normal;
    padding-top: 80px;
    box-sizing: border-box;
    text-align: center;
	background: white;
}

.hezuo-list {
	position: relative;
	margin-top: 50px;
	padding: 0 15px;
}
.hezuo-list .bd{
	width: 1200px;
	overflow: hidden;
}


.hezuo-list .bd ul {
	overflow: hidden;
}
.hezuo-list .bd ul li {
	width: 170px;
	height: 85px;
	margin-right: 30px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.hezuo-list .bd ul li img {
	width: 100%;
	display: block;
}
.hezuo-list .prev, .hezuo-list .next {
	position: absolute;
	left: -28px;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(../images/arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
}
.hezuo-list .next {
	left: auto;
	right: -28px;
	background-position: 8px 5px;
}
.hezuo-list .prev:hover, .hezuo-list .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.hezuo-list .prevStop {
	display: none;
}
.hezuo-list .nextStop {
	display: none;
}
.huoban .title p{
padding-top: 25px;
}
.cy-tg {
  float:left;
  margin-left: 2%;
  width: 23.5%;
}
.container{width:1200px;margin:0 auto;}
.cy-tg:first-child{margin-left: 0;}
.mt_4{margin-top: 40px;margin-bottom: 100px;}
.hm-brand .brand-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 }
.hm-brand .brand-info > div a:hover .b-i_desc { top: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info > div a:hover .b-i_pic img { top: -110px }
.hm-brand .brand-info > div .b-i_desc { top: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hm-brand .brand-info > div .b-i_desc { top: 245px }
.hm-brand .brand-info > div .b-i_pic { top: 0; bottom: auto }
.hm-brand .brand-info a { display: block; overflow: hidden; position: relative; z-index: 1; background: #f2f2f2 }
.hm-brand .brand-info a:hover { z-index: 3 }
.hm-brand .brand-info a:hover .b-i_pic { height: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info a:hover .b-i_pic img { opacity: .3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info .b-i_desc { position: relative; z-index: 1; padding: 30px; width: 100%; height:370px }
.hm-brand .brand-info .date { font-size: 16px; line-height: 15px; color: #ababab }
.hm-brand .brand-info .name { 
  height: 50px; margin: 25px 0 0;
   font-size: 16px; font-weight: 700;
    line-height: 25px; color: #111; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
     -webkit-line-clamp: 2; -webkit-box-orient: vertical;
     }
.hm-brand .brand-info .desc { height: 50px;  font-size: 13px; line-height: 25px; color: #858585; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.hm-brand .brand-info .more { margin: 60px 0 0; padding: 10px 0; width: 110px; font-size: 12px; line-height: 15px; text-align: center; background:  #0e3a7c; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hm-brand .brand-info .more:hover { background: #333}
.hm-brand .brand-info .b-i_pic { overflow: hidden; position: absolute; right: 0;left:0; bottom: 0; z-index: 3; height: 250px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s ;top: 0; bottom: auto}
.hm-brand .brand-info .b-i_pic img { position: relative; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

@media (min-width: 1441px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:265px}
}
@media (max-width: 1440px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:185px}
}
@media (max-width: 1300px) {
	.ul_7.t_center li{padding: 0 25px;}
}
@media (max-width: 640px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:auto}
  .zdxx li:nth-child(4n+1){margin-left: 2% !important;}
  .zdxx li:nth-child(3n+1){margin-left: 2% !important;}
  .zdxx li:nth-child(2n+1){margin-left: 0 !important;}
  .zdxx {margin-bottom: 30px;}
  .techul li{width:100%;height:auto;}
  .techul li>div{padding: 25px 15px;}
  .techul li h2{font-size: 17px;margin-bottom: 15px}
  .techul{margin: 30px 0;}
  .jyxt li{width:100%;float:none;margin-left: 0;margin-bottom: 15px;height:150px;}
  .jyxt .d_no img{margin-bottom: 15px;}
  .ulxx p{font-size: 14px;line-height: 20px;}
  .yzbd{width: 98%;margin-left: -49%;}
  .yzclose{right:0;top:-45px;}
  .jyxt li h3{font-size: 16px;}

}