@media(max-width:1920px) {

	body,
	html {
		font: 14px/1.8 "Microsoft YaHei", sans-serif;
	}

	.banTxt .banTxt_en {
		font-size: 4.8rem;
		max-width: 75%;
	}

	.banTxt .banTxt_cn {
		font-size: 5.2rem;
	}

	.banTxt .banTxt_p {
		font-size: 1.4rem;
		margin-bottom: 89px;
	}

	.techTwo_img {
		padding-top: 123%;
	}

	.rytype {
		bottom: 10vm;
	}
}

@media(max-width:1600px) {

	.techTwo_img {
		padding-top: 130%;
	}

	/* ==================================================================================   about */
	.abDsz_l {
		width: 60%;
		padding-bottom: 68px;
	}

	.abDsz_p p {
		font-size: 15px;
	}

	.abDsz_r {
		width: 40%;
	}

	.abHor>div {
		padding: 4vw;
	}

	.rytype {
		left: 4vm;
	}

	.abHor_ul li {
		letter-spacing: 0px;
	}

	.abHor_swiper p {
		font-size: 15px;
	}

	/* ==================================================================================   product & tech */
	.techL ul {
		margin-top: 28px;
	}

	.techL a {
		padding: 12px 0;
		font-size: 17px;
	}
}

@media(max-width:1480px) {
	.zdMore .more {
		width: 218px;
		letter-spacing: 0;
	}

	.infoList .content .l_sybx1con .pic {
		width: 45%;
	}

	.infoList .word .tit {
		margin-bottom: 2rem;
	}

	/* ==================================================================================   header */
	.zdHead.bg,
	.zdHead.on {
		padding: 8px 38px;
	}

	/* .sub-nav{
		top: 85px;
	} */
	.zdInner_ban {
		margin-top: 85px;
		height: 55vh;
	}

	.zdInner_txt .title-en {
		font-size: 36px;
	}

	.zdInner_txt .title-cn {
		font-size: 34px;
		line-height: 1.2;
	}

	.zdHead_nav li {
		padding: 0 32px;
	}

	/* ==================================================================================   footer */
	.lh-footera-r dl {
		margin-left: 3vw;
	}

	/* ==================================================================================   index */
	.banTxt .banTxt_en {
		font-size: 4.2rem;
		max-width: none;
	}

	.banTxt .banTxt_cn {
		font-size: 3.2rem;
	}

	.banTxt .banTxt_p {
		font-size: 1.2rem;
		line-height: 1.8;
	}

	.lh-about-l {
		width: 40%;
	}

	.lh-public-h .name {
		font-size: 42px;
	}

	.lh-public-h .name span {
		font-size: 34px;
	}

	.lh-about-r .bottom .right {
		padding-left: 10%;
	}

	.ind-num {
		background-size: 45px;
	}

	.ind-number b {
		font-size: 28px;
	}

	.l-item-ul li .t-cn {
		font-size: 1.2rem;
	}

	.index-technology .l-item-ul li {
		width: 24.25%;
		padding: 2% 3%;
		margin: 0 1% 1% 0;
	}

	.li-conn-en {
		font-size: 5.4rem;
		right: -0.68rem;
	}

	/* ==================================================================================   about */
	.abDsz .ind-title .title-en br {
		display: none;
	}

	.abDsz_job {
		margin-top: 38px;
	}

	.abDsz_l {
		width: 66%;
	}

	.abDsz_r {
		width: 34%;
	}

	.abCom_p p {
		font-size: 15px;
		margin-top: 10px;
	}

	.abCom {
		padding: 108px 0;
	}

	.abCom_img {
		width: 258px;
	}


	.path-item {
		padding: 0 138px;
		transition: all 0.28s;
	}

	.slick-slide.slick-current.slick-center .path-item {
		padding: 0 90px;
	}

	.path-item__year {
		font-size: 28px;
	}

	.path-item__desc {
		font-size: 14px;
	}

	.history-main {
		margin-top: 38px;
		padding: 5px 50px 0;
	}

	.abHor>div {
		padding: 3vw;
	}

	.rytype {
		left: 3vm;
	}

	/* ==================================================================================   tech */

	.tech .ind-title .title-en {
		font-size: 34px;
	}

	.productcont .tex .h1 span {
		font-size: 1.5rem;
	}

	.tech .ind-title .title-cn {
		font-size: 24px;
	}

	.techTit {
		font-size: 26px;
	}

	.techL a {
		font-size: 15px;
		letter-spacing: 0;
		padding: 8px 0;

	}

	.techOne_p {
		font-size: 15px;
		letter-spacing: 0;
	}

	.techOne_div i,
	.techOne_div span {
		font-size: 34px;
	}

	.techOne_div b {
		font-size: 26px;
	}

	.techOne_div img {
		width: 38px;
	}

	.techTwo .swiper-pagination-current {
		font-size: 58px;
	}

	.techTwo_r .swiper-pagination-total {
		font-size: 28px;
	}

	.techTwo_arr a {
		width: 54px;
		height: 54px;
		margin-top: 0;
		margin-bottom: 18px;
	}

	.techTwo_txt img {
		width: 48px;
		margin-bottom: 0;
	}

	.techTwo_txt span {
		font-size: 20px;
	}

	.techThr_ico {
		width: 89px;
		height: 89px;
	}

	.techThr_txt span {
		font-size: 18px;
	}

	.techThr_txt p {
		letter-spacing: .5px;
	}

	.techThr_ico img {
		width: 48px;
	}

	.techFor_txt img {
		width: 48px;
	}

	.techFor_cn {
		font-size: 20px;
	}

	.techFor_a i {
		transform: scale(0.68);
		margin: 24px auto;
	}

	/* ==================================================================================   product */



	/* ==================================================================================   news */
	.newsA_time {
		letter-spacing: 0;
	}

	.newsA_tit {
		font-size: 18px;
	}

	.newsTop .newsA_tit {
		font-size: 22px;
	}

	.newsA_p {
		font-size: 14px;
	}

	/* ==================================================================================   join */
	.joinL {
		width: 389px;
	}

	.joinList li {
		padding: 0 28px;
	}

	.joinList li div {
		padding: 32px 0;
	}

	.joinList span {
		font-size: 22px;
	}

	.joinList .joinList_i2 {
		font-size: 108px;
		right: 12px;
	}

	.joinList p {
		letter-spacing: 0;
	}

	.joinEm {
		padding: 28px;
		margin-top: 24px;
	}

	.joinEm svg {
		width: 38px;
		height: 38px;
		margin-right: 16px;
	}

	.joinEm p {
		font-size: 13px;
	}

	.recDiv {
		padding: 38px 40px 0;
	}

	.recruit .recTit {
		font-size: 20px;
	}

	.recDiv_arr svg {
		width: 28px;
		height: 28px;
	}

	.recDiv_arr {
		top: 4px;
		right: 6px;
	}

	.recIco span {
		font-size: 13px;
		letter-spacing: 0;
	}

	.recBody {
		padding: 14px 34px 34px;
	}

	.recBody span {
		margin: 18px 0 6px;
	}

	.recBody p {
		letter-spacing: 0;
	}

	.productdetails .ms .tit {
		font-size: 2rem;
	}

	.productdetails .container {
		width: 100%;
	}

	/* ==================================================================================   contact */
	.conBox_div {
		padding: 48px 0;
	}

	.conBox_div_add {
		margin-left: 0;
	}

}

@media(max-width:1400px) {
	.techL.fixed {
		top: 48px;
	}
}

@media(max-width:1368px) {
	.techTwo_img {

		padding-top: 138%;
	}

	.z-container {
		width: 90vw;
	}

	.ind-title .title-en {
		font-size: 42px;
	}

	.ind-title .title-cn {
		font-size: 28px;
	}

	.tit-en {
		font-size: 40px;
	}

	.tit-cn {
		font-size: 28px;
	}

	/* ==================================================================================   index */
	.banTxt {
		top: 54%;
	}

	.banTxt .banTxt_cn {
		margin-bottom: 34px;
	}

	.banTxt .banTxt_p {
		margin-bottom: 68px;
	}

	.banA video {
		/* right: -108px; */
	}

	.lh-about-l {
		padding: 108px 0 108px 5vw;
	}

	.ind-number {
		font-size: 34px;
	}

	.lh-about-l {
		width: 45%;
	}

	.lh-about-r {
		width: 50%;
	}

	.lh-about-r .bottom .right {
		padding-left: 0;
	}

	.index-product .item-ul li {
		padding: 38px 0;
	}

	.index-product .item-ul li .tit {
		font-size: 17px;
	}

	.l-item-ul li .t-cn {
		letter-spacing: 0.5px;
	}

	.zdNew_tit {
		padding: 2.2rem 2.2rem 4rem;
	}

	/* ==================================================================================   about */
	.abDsz_l {
		padding-top: 89px;
	}

	.about-devlpment {
		padding: 89px 0;
	}

	.path-item__year {
		font-size: 32px;
		letter-spacing: 0.5px;
	}

	.history-main {
		margin-top: 0;
		padding: 5px 50px 0;
	}

	.history-item__year {
		font-size: 18px;
	}

	.abHor>div {
		padding: 5vw 2vw;
	}

	.rytype {
		left: 2vm;
	}

	.abHor .abHor_l {
		padding: 5vw 3vw;
	}

	.abHor_ico_img div img {
		width: 38px;
	}

	/* ==================================================================================   tech */
	.techL {
		padding: 89px 5vw;
	}

	.techR_pad {
		padding: 89px 5vw;
	}

	.techTwo_r .swiper-pagination-total {
		font-size: 24px;
	}

	.techTwo .swiper-pagination-current {
		font-size: 50px;
	}

	/* ==================================================================================   product */


}

@media(max-width:1280px) {
	.techTwo_img {

		padding-top: 138%;
	}

	.infoList .word .tit {
		font-size: 2.5rem;
	}

	/* ==================================================================================   product */

	.product .techL.fixed {
		top: 28px;
	}

	.product .techL ul {
		margin-top: 0;
	}

	.product .techL a {
		font-size: 14px;
	}
}

@media(max-width:1180px) {
	.techTwo_img {

		padding-top: 138%;
	}

	/* ==================================================================================   header */
	.zdHead,
	.zdHead.bg,
	.zdHead.on {
		padding: 8px 28px;
		background: #fff;
	}

	.zdHead .zdHead_logo,
	.zdHead.bg .zdHead_logo,
	.zdHead.on .zdHead_logo {
		width: 108px;
	}

	.zdHead_nav li {
		padding: 0 24px;
	}

	.zdHead_logo_w {
		display: none;
	}

	.zdHead_logo_c {
		display: block;
	}

	.zdHead_nav {
		display: none;
	}

	.headMenu {
		display: block;
	}

	/* ==================================================================================   footer */
	.lh-footera-r {
		display: none;
	}

	.lh-footer-logo {
		width: 128px;
		margin-bottom: 21px;
	}

	/* ==================================================================================   about */
	.abHor_r {
		width: 45%;
	}

	.abHor_l {
		width: 55%;
	}



	.ind-number {
		font-size: 32px;
	}

	.ind-num {
		padding: 0 20px 0 48px;
		background-size: 38px;
		background-position: top left;
		margin-top: 48px;
	}

	.ind-number b {
		font-size: 24px;
	}

	.lh-public-h .name {
		font-size: 38px;
	}

	.lh-public-h .name span {
		font-size: 30px;
		margin-top: 0;
	}

	.lh-public-h .ccont {
		font-size: 15px;
		letter-spacing: .5px;
	}
}

@media(max-width:1024px) {
	.techTwo_img {

		padding-top: 138%;
	}

	.z-container {
		width: 90vw;
	}

	.ind-title .title-en {
		font-size: 38px;
	}

	.subMenu ul {
		padding: 1rem 0;
	}

	.infoList .word .tit {
		margin-bottom: 1rem;
		font-size: 1.8rem;
	}

	.infoList .word .intro {
	    font-size: 14px;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

	.index-product .zdMore {
		margin-top: 25px;
	}

	.zdMore {
		margin-top: 48px;
	}

	.zdMore .more {
		width: 189px;
		height: 48px;
		line-height: 48px;
		padding: 0 28px;
	}

	.zdMore.blue .more {
		font-size: 14px;
	}

	.zdPage a {
		width: 48px;
		line-height: 48px;
		height: 48px;
		font-size: 14px;
	}

	.zdPage_arr img {
		width: 34%;
	}

	.tit-en {
		font-size: 34px;
	}

	.tit-cn {
		font-size: 24px;
	}

	.headBox ul {
		margin-top: 15%;
		height: 70%;
	}

	.scroll span.txt svg {
		width: 14px;
		height: 14px;
	}

	.scroll span.txt {
		font-size: 18px;
	}

	/* ==================================================================================   index */

	.zdInner_ban {
		margin-top: 62px;
		height: 45vh;
	}

	.zdInner_txt .title-en {
		font-size: 32px;
	}

	.zdInner_txt .title-cn {
		font-size: 28px;
	}

	.banTxt {
		left: 8%;
	}

	.banTxt .banTxt_en {
		font-size: 2.6rem;
	}

	.banTxt .banTxt_cn {
		font-size: 3.4rem;
	}

	.banA video {
		/* right: -208px; */
	}

	.banTxt .banTxt_p {
		font-size: 1rem;
		max-width: 80%;
	}

	.lh-about-l {
		padding: 89px 0 89px 5vw;
	}

	.lh-public-h .name {
		font-size: 32px;
	}

	.lh-public-h .name span {
		font-size: 24px;
	}

	.lh-public-h .name::before {
		background-size: 45px;
		bottom: 24px;
		right: -48px;
	}

	.ind-num h3 {
		font-size: 13px;
	}

	.ind-num {
		background-size: 28px;
		background-position: left 10px;
	}

	.lh-public-h .ccont {
		font-size: 14px;
	}

	.ind-number b {
		font-size: 22px;
	}

	.ind-number i {
		margin: 0;
	}

	.index-product {
		background-attachment: inherit
	}

	.index-product .product-box .desc {
		font-size: 14px;
		margin-top: 28px;
	}

	.index-product .item-ul li .tit {
		font-size: 15px;
	}

	.index-technology .l-item-ul {
		margin-left: -1.5%;
	}

	.index-technology .l-item-ul li {
		width: 47%;
		margin: 1.5%;
		padding: 2% 6%;

	}

	.zdNew_a {
		width: 32.33%;
	}

	.zdNew_tit {
		padding: 1.8rem 1.8rem 3.6rem;
		min-height: 51px;
	}

	.zdNew_tit p {
		font-size: 1.3rem;
		min-height: 50px;
	}

	/* ==================================================================================   contact */
	.conBox {
		padding: 68px 0;
	}

	.conBox_div {
		padding: 28px 0;
	}

	.conMess span {
		font-size: 24px;
	}

	.conMess p {
		font-size: 14px;
	}

	.conEwm {
		margin-top: 28px;
	}

	.ewmf {
		width: 89px;
	}

	.ewmf span {
		font-size: 12px;
		margin-top: 3px;
	}

	.conInline {
		padding: 68px 0;
	}

	.conInline_inp input {
		height: 48px;
		line-height: 48px;
	}

	.conInline_btn .zdMore {
		margin: 38px 18px 0;
	}

	/* ==================================================================================   about */

	.abDsz_l {
		width: 60%;
		padding-top: 68px;
		padding-bottom: 32px;
	}

	.abDsz_p p {
		font-size: 14px;
		/* line-height: 1.8;
        margin-top: 8px; */
	}

	.abDsz_job img {
		width: 108px;
	}

	.abDsz_job span {
		font-size: 12px;
	}

	.abDsz_r {
		width: 40%;
	}

	.abCom {
		padding: 68px 0;
	}

	.abCom_img {
		width: 208px;
	}


	.abCom_p p {
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.8;
	}

	.abCul_box {
		padding: 68px 0;
		padding-left: 42px;
	}

	.abCul_item::before {
		top: 14px;
		left: -42px;
	}

	.abCul_item .abCul_cn {
		letter-spacing: 1px;
		font-size: 20px;
	}

	.abCul_item li span {
		font-size: 16px;
	}

	.abCul_p {
		font-size: 14px;
	}

	.abCul {
		background-attachment: inherit
	}

	.about-devlpment {
		padding: 68px 0;
	}

	.path-item {
		padding: 0 !important;
	}

	.path-item__wrap {
		width: 100%;
		max-width: 389px;
		margin: 0 auto;
	}

	.path-item__year {
		font-size: 28px;
	}

	.btn-history-arrow {
		width: 18px;
	}

	.history-item__year {
		font-size: 15px;
		letter-spacing: .5px;
		margin-top: 24px;
	}

	.path-item__year {
		font-size: 24px;
	}

	.slick-slide img {
		border-radius: 3px;
	}

	.history-main {
		padding: 5px 28px 0;
		top: 1px;
	}

	.history-body {
		padding-top: 6px;
	}

	.abHor_swiper p {
		font-size: 14px;
	}

	/* ==================================================================================   tech */
	.tech .ind-title .title-en {
		font-size: 30px;
	}

	.tech .ind-title .title-cn {
		font-size: 20px;
	}

	.techL {
		padding: 68px 3.8vw 68px 5vw;
	}

	.techL li.on {
		padding: 0 12px;
	}

	.techL a {
		font-size: 14px;
	}

	.techL li img {
		width: 10px;
	}

	.techR_pad {
		padding: 68px 5vw 68px 3.8vw;
	}

	.productcont ul li {
		width: 48%;
	}

	.techTit {
		font-size: 22px;
	}

	.techOne_p {
		font-size: 14px;
	}

	.techOne_num {
		margin-top: 28px;
	}

	.techOne_div {
		padding-top: 28px;
	}

	.techOne_div i,
	.techOne_div span {
		font-size: 28px;
		letter-spacing: 0;
	}

	.techOne_div b {
		font-size: 24px;
	}

	.techOne_div img {
		width: 28px;
		margin-right: 5px;
	}

	.techOne_div p {
		font-size: 12px;
	}

	.techTwo_arr a {
		width: 45px;
		height: 45px;
	}

	.techTwo .swiper-pagination-current {
		font-size: 42px;
	}

	.techTwo_r .swiper-pagination-total {
		font-size: 22px;
	}

	.techTwo_txt span {
		font-size: 18px;
	}

	.techTwo_img {
		padding-top: 187%;
	}

	.techThr_item {
		width: 48%;
		padding: 3% 5%;
	}

	.techThr_txt i {
		margin-top: 42px;
	}

	.techThr_txt i::before {
		top: -28px;
		height: 24px;
	}

	.techThr_ico img {
		width: 40px;
	}

	.techThr_txt span {
		font-size: 16px;
	}

	.techThr_txt p {
		letter-spacing: 0;
		transform: scale(.9);
		transform-origin: left center;
	}

	.techFor_cn {
		font-size: 17px;
		letter-spacing: .5px;
	}

	.techFor_en {
		letter-spacing: 0;
	}

	.techFor_txt img {
		width: 42px;
	}

	.techFor_a i {
		margin: 14px auto
	}

	/* ==================================================================================   product */
	/* ==================================================================================   news */
	.news {
		padding: 68px 0;
	}



	.newsTop_num .newsTop_num_all {
		font-size: 14px;
	}

	.newsTop_time span.newsTop_num_index {
		font-size: 20px;
	}

	.newsTop {
		padding-bottom: 28px;
	}

	.newsTop_time span {
		font-size: 22px;
	}

	.newsTop_time p {
		margin-bottom: 14px;
		font-size: 14px;
	}

	.newsTop .newsA_tit {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.newsTop_txt {
		padding: 0;
	}

	.newsA {
		width: 48%;
	}

	.newsTop .swiper-pagination {
		bottom: 0;
	}

	.newsTop_btn .zdMore {
		margin-top: 24px;
	}

	.news .zdMore .more {
		width: 148px;
		padding: 0 24px;
		font-size: 12px;
		height: 38px;
		line-height: 38px;
	}

	.zdMore svg {
		width: 12px;
		height: 12px;
	}

	/* ==================================================================================   join */
	.joinList span {
		font-size: 20px;
	}

	.joinList li {
		padding: 0 24px;
	}

	.joinList .joinList_i2 {
		font-size: 86px;
	}

	.joinList li:hover .joinList_i2,
	.joinList li.hover .joinList_i2 {
		bottom: -18px;
	}

	.joinList .joinList_i1 {
		right: 24px;
	}

	.joinList li div {
		padding: 18px 28% 18px 0;
	}

	.joinList p {
		line-height: 1.4;
	}

	.joinEm {
		padding: 18px 24px;
		align-items: flex-end;
	}

	.joinEm svg {
		width: 32px;
		height: 32px;
		margin-right: 10px;
	}

	.joinEm p {
		letter-spacing: 0;
	}

	.joinEm a {
		font-size: 16px;
	}

	.joinL {
		width: 308px;
	}

	.join {
		padding: 68px 0;
	}

	.recDiv {
		padding: 28px 28px 0;
	}

	.recHead {
		padding-bottom: 10px;
	}

	.recruit .recTit {
		font-size: 18px;
	}

	.recBody span {
		font-size: 15px;
	}

	.recBody p {
		margin-bottom: 10px;
	}

	.recIco span {
		font-size: 12px;
		margin-right: 14px;
	}

	.recBody {
		padding: 8px 24px 20px;
	}

	.recBody p {
		letter-spacing: 0;
		margin-bottom: 6px;
		font-size: 13px;
	}

	.recDiv_arr svg {
		width: 24px;
		height: 24px;
	}

	.productdetails .box {
		flex-direction: column;
	}

	.productdetails .pics{
		width: 50%;
		margin: auto;
	}
	.productdetails .ms{
		width: 100%;
	}
	.videocont{
		padding: 68px 0;
	}
	.vbox .pic .icon_player{
		bottom: 40%;
	}
	.vbox .txt{
		font-size: 1rem;
	}

}

@media(max-width:900px) {

	/* ==================================================================================   index */
	.lh-about {
		padding: 68px 5vw;
	}

	.lh-about-l {
		width: 100%;
		padding: 0;
	}

	.lh-about-r {
		width: 100%;
	}

	/* ==================================================================================   about */
	.abHor {
		flex-wrap: wrap;
	}

	.abHor>div {
		width: 100%;
	}

	.abHor .abHor_r {
		padding: 8vw;
	}

	.abHor .abHor_l {
		padding: 5vw;
	}

	.abHor_swiper {
		margin-top: 38px
	}

	/* ==================================================================================   contact */
	.conBox {
		padding: 48px 0;
	}

	.conMap {
		position: relative;
		width: 100%;
		height: 328px;
		margin-top: 38px;
	}

	.conBox_div {
		padding: 0;
	}

	.conBox_div_add {
		width: 100%;
	}


	.conBox_img {
		top: auto;
		bottom: 328px;
		left: auto;
		right: 5%;
	}
}

@media(max-width:768px) {
	.ind-title .title-en {
		font-size: 32px;
	}

	.ind-title .title-cn {
		font-size: 26px;
	}

	.zdMore {
		margin-top: 48px;
	}

	.zdMore .more {
		font-size: 14px;
		width: 158px;
		height: 42px;
		line-height: 42px;
		padding: 0 24px;
	}

	.zdMore.blue .more {
		font-size: 14px;
	}

	.zdPage a {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 12px;
	}

	.headBox ul {
		margin-top: 30%;
	}
	
	/* ==================================================================================   banner */
	.zdInner_ban {
		height: 38vh;
	}

	.banA video {
		right: -258px;
	}

	.banTxt {
		left: 0;
		width: 100%;
		text-align: center;
		padding: 0 15%;
	}

	.banTxt .banTxt_p {
		max-width: 100%;
		text-align: center;
	}

	.banTxt .zdMore.blue .more {
		margin: 0 auto;
	}

	.banTxt .banTxt_en {
		font-size: 2.8rem;
	}

	.banTxt .banTxt_cn {
		font-size: 2.1rem;
	}

	/* ==================================================================================   index */
	.lh-public-h .ccont {
		margin-top: 8px;
	}

	.lh-public-h .name {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.lh-public-h .name span {
		margin-top: 5px;

	}

	.index-technology {
		padding: 68px 5vw;
	}

	.zdNew_list {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.zdNew_a {
		width: 100%;
		margin: 0 0 28px;
	}

	.index_news {
		padding: 68px 5vw;
	}

	.zdNew_img {
		/* padding-top: 40%; */
	}

	.zdNew_tit p {
		min-height: 10px;
	}


	/* ==================================================================================   about */
	.abDsz_box {
		flex-wrap: wrap;
	}

	.abDsz_l {
		width: 100%;
		padding-top: 48px;
		padding-bottom: 0;
	}

	.abDsz_r {
		width: 100%;
		text-align: right;
		margin-top: -128px;
	}

	.abDsz_r img {
		width: 51%;
		margin: 0 auto;
	}

	.abCom_box {
		align-items: flex-start;
	}

	.abCom_img {
		width: 168px;
	}

	.index-product {
		/* padding: 0; */
		flex-wrap: wrap;
		background-position: top center;
	}

	.infoList .content .l_sybx1con .pic {
		width: 100%
	}

	.infoList .content .l_sybx1con .word {
		width: 100%;
	}

	.infoList .word .tit {
		margin: 1rem 0;
		font-size: 2.5rem;
	}

	.index-product .product-box {
		width: 100%;
		padding: 48px 5vw 89px;
		order: -1;
	}

	.product-box-bg {
		bottom: -50%;
		right: -18%;
	}

	.index-product .product-box .desc {
		max-width: 80%;
		margin-left: 0;
	}

	.index-product .item-ul {
		width: 90%;
		margin: -48px auto 68px;
	}

	.index-product .item-ul li {
		padding: 28px 0;
	}

	.index-product .item-ul li>i,
	.index-product .item-ul li a>i {
		transform: scale(0.9);
	}

	.index-product .item-ul li .tit {
		font-size: 14px;
		height: auto;
	}

	.li-conn .icon {
		width: 89px;
		height: 89px;
	}

	.l-item-ul li .t-cn {
		font-size: 1.1rem;
	}

	.li-conn-en {
		font-size: 4.8rem;
		top: 2rem;
	}

	.history-main {
		margin-bottom: 0;
		max-width: calc(100% + 6vw);
		margin-left: -3vw;
		margin-right: -3vw;
	}

	/* ==================================================================================   tech */
	.tech::before {
		content: none;
	}

	.techR {
		width: 100%;
	}

	.techBox {
		display: flex;
		flex-direction: column-reverse;
	}

	.techL {
		padding: 5vw;
		position: relative;
		width: 100%;
		background-color: #f8f8f8;
	}

	.techR_top {
		display: none;
	}

	.productcont {
		padding: 50px 4vw 50px 4vw;
	}

	.scroll {
		display: none;
	}

	.techL .ind-title {
		display: none;
	}

	.techL ul {
		margin: 0;
	}

	.techThr_box {
		margin-top: 28px;
	}

	/* ==================================================================================   product */
	.product .li-conn .icon {
		width: 168px;
		height: 168px;
	}

	/* ==================================================================================   contact */
	.conBox {
		padding: 48px 0 0;
	}

	.conInline textarea {
		height: 168px;
		font-size: 12px;
	}

	.conInline_inp input {
		font-size: 12px;
	}

	.conInline_btn .zdMore {
		margin: 24px 10px 0;
	}

	.conInline {
		padding: 48px 0;
	}

	.abCul {
		background-position: 80% center;
	}

	.abCul_item li p {
		letter-spacing: .5px;
	}

	.abCul_item {
		margin-top: 28px;
	}

	.abCul_item li {
		margin-top: 6px;
	}

	/* ==================================================================================   footer */
	.lh-copy>p {
		font-size: 12px;
		line-height: 1.6;
	}

	/* ==================================================================================   news */
	.news {
		padding: 48px 0;
	}

	.newsTop_img {
		padding-top: 32%;
	}

	.newsTop {
		padding: 0 14px 28px;
	}

	.newsA {
		padding: 14px;
	}

	.newsTop .newsA_tit {
		font-size: 18px;
	}

	.newsTop_a .newsA_p {
		display: none;
	}

	.news .zdMore .more {
		font-size: 12px;
		width: 128px;
		padding: 0 18px;
		height: 34px;
		line-height: 34px;
	}

	.zdMore span {
		width: 128px;
	}

	.zdMore svg {
		width: 10px;
		height: 10px;
	}

	/* ==================================================================================   join */
	.join {
		padding: 48px 0;
	}

	.joinBox {
		flex-wrap: wrap;
	}

	.joinL {
		width: 100%;
		margin-bottom: 14px;
	}

	.joinList {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.joinList li {
		width: 100%;
		border-left: 1px solid #eee;
	}

	.joinList li:first-of-type {
		border-left: 0;
	}

	.joinList li div {
		border: 0;
		padding: 21px 0;
	}

	.joinList .joinList_i1 {
		display: none;
	}

	.joinList li:hover .joinList_i2,
	.joinList li.hover .joinList_i2 {
		bottom: -12px;
	}

	.joinList .joinList_i2 {
		font-size: 48px;
		opacity: 1;
		color: rgb(195 195 195 / 0.28);
		bottom: -12px;
	}

	.joinList span {
		font-size: 18px;
	}

	.joinList p {
		display: none;
	}

	.recBox {
		padding-bottom: 28px;
	}

	.joinEm {
		display: none;
	}

	.recFoot {
		display: block;
	}
	.videocont{
		padding: 48px 0;
	}
	.vbox ul li{
		width: 49%;
	}
}

@media(max-width:680px) {
	.ind-title .title-en {
		font-size: 28px;
	}

	.ind-title .title-cn {
		font-size: 24px;
		margin-bottom: 18px;
	}

	.zdPage {
		margin: 18px 0;
	}

	.zdPage a {
		width: 34px;
		height: 34px;
		line-height: 34px;
		margin: 0 3px;
	}

	.zdMore {
		margin-top: 24px;
	}

	.tit-en {
		font-size: 28px;
		letter-spacing: 0;
	}

	.tit-cn {
		font-size: 20px;
	}

	/* ==================================================================================   header */
	/*.headBox li a {*/
	/*	font-size: 14px;*/
	/*}*/


	.zdHead,
	.zdHead.bg,
	.zdHead.on {
		padding: 8px 20px;
	}

	.zdHead .zdHead_logo,
	.zdHead.bg .zdHead_logo,
	.zdHead.on .zdHead_logo {
		width: 89px;
	}

	.headBtn {
		font-size: 16px;
		height: 60px;
		line-height: 60px;
	}

	.headBtn svg {
		width: 28px;
		height: 28px;
	}

	.zdInner_ban {
		height: 38vh;
		margin-top: 54px;
	}

	.zdInner_txt .title-en {
		font-size: 26px;
		line-height: 1.6;
	}

	.zdInner_txt .title-cn {
		font-size: 24px;
	}

	/* ==================================================================================   footer */
	.lh-footer-a {
		padding: 48px 0 0;
		border-bottom: 0;
	}

	.lh-footer-logo {
		width: 108px;
	}

	.ewmfs {
		width: 100%;
	}

	.ewmf {
		margin: 0;
		margin-right: 10px;
	}

	.ewmf span {
		color: #666;
	}

	.lh-copy {
		color: #666;
		border-top: 1px solid #eeeeee;
		width: 100%;
		text-align: left;
		margin-top: 24px;
		padding: 18px 0 10px;
	}

	.lh-copy a {
		color: #666;
	}

	.banA video {
		right: -258px;
	}

	/* ==================================================================================   index */
	.banA video {
		right: -138px;
	}

	.lh-about {
		padding: 48px 5vw;
	}

	.lh-public-h .name {
		font-size: 24px;
	}

	.lh-public-h .name span {
		font-size: 20px;
	}

	.lh-public-h .ccont {
		font-size: 13px;
	}

	.lh-about-r .bottom .right {
		padding: 0;
	}

	.ind-num {
		margin-top: 24px;
	}

	.index-product .product-box .desc {
		max-width: 100%;
	}

	.index-product .item-ul li {
		width: 50%;
		padding: 21px 0;
	}

	.index-product .item-ul li:nth-child(3) {
		border-top: 1px solid #d9d9d9;
	}

	.index-product .item-ul li:nth-child(3n-2) {
		border-left: 1px solid #d9d9d9;
	}

	.index-product .item-ul li:nth-child(2n-1) {
		border-left: 0
	}

	.index-product .item-ul li .tit {
		font-size: 13px;
		letter-spacing: 0;
		margin-top: -5px;
	}

	.index-product .item-ul li>i,
	.index-product .item-ul li a>i {
		transform: scale(0.8);
	}

	.index-technology {
		padding: 48px 5vw;
	}

	.index-technology .l-item-ul li {
		width: 100%;
		margin: 0 0 14px !important;
		padding: 3% 6%;
	}

	.index-technology .li-conn {
		display: flex;
		align-items: center;
	}

	.l-item-ul li .t-cn {
		margin-left: 14px;
	}

	.li-conn-en {
		font-size: 3.8rem;
		top: auto;
		bottom: -14px;
		right: 0rem;
	}

	.li-conn .icon {
		width: 80px;
		height: 80px;
	}

	.index_news .ind-title .zdMore {
		display: none;
	}

	.zdNew_mlb {
		display: block;
	}

	.index_news {
		padding: 48px 5vw;
	}

	.zdNew_tit {
		padding: 20px 20px 24px;
	}

	.zdNew_tit p {
		font-size: 1.1rem;
		letter-spacing: 0.5px;
		margin-bottom: 10px;

	}

	.zdNew_tit span {
		font-size: 0.75rem;
		letter-spacing: 0.5px;
	}

	.zdPart_logo .indPar_a {
		padding: 10px 0;
	}

	.zdPart_top {
		flex-wrap: wrap;
	}

	.zdPart_arr {
		margin-top: -14px;
		margin-bottom: 28px;
	}

	/* ==================================================================================   about */
	.abDsz_p p {
		font-size: 13px;
		letter-spacing: 0.5px;
		margin-top: 6px;
	}

	.abDsz_job img {
		width: 80px;
	}

	.abDsz_r {
		right: -14px;
		position: relative;
		margin-top: -102px;

	}

	.abDsz_r img {
		width: 72%;
	}

	.abCom {
		padding: 48px 0;
	}

	.abCom_box {
		flex-wrap: wrap;
	}


	.abCom_img {
		margin-top: 24px;
		width: 100%;
		text-align: center;
		background: #f8f8f8;
		padding: 6% 0;
	}

	.abCom_img img {
		width: 38%;
		margin: 0 auto;
		box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
	}

	.abCom_p p {
		font-size: 13px;
		letter-spacing: 0.5px;
	}

	.abCul_box::before {
		width: 2px;
	}

	.abCul_box {
		padding: 48px 0;
		padding-left: 24px;
	}

	.abCul_item::before {
		left: -24px;
	}

	.abCul_p {
		font-size: 13px;
	}

	.abCul_item .abCul_cn {
		font-size: 18px;
		background-size: 21px;
		padding-left: 30px;
	}

	.abCul_item li span {
		font-size: 15px;
	}

	.abCul_item li p {
		letter-spacing: 0;
		font-size: 13px;
	}

	.about-devlpment {
		padding: 48px 0;
	}

	.path-item__year {
		font-size: 22px;
	}

	.path-item__desc {
		font-size: 13px;
	}

	.history-item__year {
		font-size: 14px;
	}

	.path-item__img::before {
		padding-top: 70%;
	}

	.abHor .abHor_r {
		padding: 28px 5vw;
	}

	.abHor_num p {
		font-size: 13px;
		letter-spacing: 0.5px;
		margin-top: 6px;
	}

	.abHor_num span {
		min-width: 10px;
		font-size: 18px;
		margin: 0 3px;
	}

	.abHor_ico_div img:first-child {
		width: 24px;
	}

	.abHor_ico_img div {
		bottom: 20px;
	}

	.abHor_ico_div img:last-child {
		width: 42px;
	}

	.abHor_ico_img div img {
		width: 30px;
		margin-left: 14px;
	}

	.abHor_ul {
		flex-wrap: wrap;
	}

	.abHor .abHor_l {
		padding: 48px 5vw;
	}

	.abHor_swiper {
		margin-top: 28px;
	}

	.abHor_swiper_arr .swiper-button-next img,
	.abHor_swiper_arr .swiper-button-prev img {
		width: 14px;
	}

	.abHor_swiper_arr .swiper-button-next {
		padding-left: 18px;
	}

	.abHor_swiper_arr .swiper-button-prev {
		padding-right: 18px;
	}

	.abHor_swiper_l>span {
		font-size: 13px;
		min-width: 20px;
	}

	.abHor_swiper_arr {
		margin-top: 28px;
	}

	.indPar_a img {
		max-width: 50%;
	}

	/* ==================================================================================   tech */
	.techTit {
		font-size: 18px;
		padding-bottom: 14px;
	}

	.techTit img {
		width: 24px;
	}

	.techOne_box {
		flex-wrap: wrap;
	}

	.techOne_l {
		width: 100%;
	}

	.techOne_r {
		margin-top: 24px;
		width: 100%;
	}

	.techOne_num {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.techOne_div {
		width: 50%;
	}

	.techOne_div i,
	.techOne_div span {
		font-size: 24px;
	}

	.techOne_div b {
		font-size: 20px;
	}

	.techTwo_box {
		margin-top: 14px;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.techTwo_r {
		width: 100%;
	}

	.techTwo_l {
		width: 100%;
		order: -1;
		padding: 0;
	}

	.techTwo_img {
		padding-top: 80%;
	}

	.techTwo_r {
		background: none;
		padding: 0;
		margin-top: 14px;
	}

	.techTwo_btm {
		display: none;
	}

	.techTwo_arr {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.techTwo_arr a {
		margin: 0 10px;
		border: 1px solid #0082ff;
	}

	.techTwo_arr svg path {
		fill: #0082ff
	}

	.techTwo_txt {
		padding: 6% 8%;
	}

	.techTwo_arr a {
		width: 40px;
		height: 40px;
	}

	.techThr_box {
		margin-top: 0;
	}

	.techThr_item {
		width: 100%;
		margin: 18px 0 0;
		padding: 5% 8%;
	}

	.techFor_box {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.techFor_a {
		margin: 18px 0 0;
		width: 100%;
	}

	.techFor_a i {
		margin: 28px auto;
	}

	.techLogo {
		margin-top: 18px;
	}

	/* ==================================================================================   product */
	.product .li-conn .icon {
		width: 148px;
		height: 148px;
	}

	.product table td {
		font-size: 12px;
		padding: 10px;
	}

	.product table td:not(:last-of-type):first-child {
		width: 89px;
	}

	/* ==================================================================================   news */
	.newsTop_a {
		flex-wrap: wrap;
	}

	.newsTop {
		padding: 0 0 24px;
		margin-bottom: 24px;
	}

	.newsTop_a>div {
		width: 100%;
	}

	.newsTop_time {
		align-items: center;
	}

	.newsTop_time p {
		margin-bottom: 0;
	}

	.newsTop_time span {
		font-size: 20px;
	}

	.newsTop_time p {
		font-size: 12px;
		letter-spacing: 0;
	}

	.newsTop_btn .zdMore {
		margin-top: 18px;
	}

	.newsTop .newsA_tit {
		font-size: 16px;
	}

	.newsTop_txt {
		order: -1;
		padding: 5px;
	}

	.newsTop_img {
		border-radius: 3px;
		padding-top: 48%;
	}

	.newsTop_img img {
		border-radius: 3px;
	}

	.newsTop .swiper-pagination {
		bottom: 54%;
		left: 0;
	}

	.newsTop .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}

	.newsA {
		width: 100%;
		margin: 0 0 28px;
		border-radius: 3px;
	}

	.newsA_img,
	.newsA_img img {
		border-radius: 3px;
	}

	.newsA_txt {
		padding: 10px 0;
	}

	.newsA_tit {
		font-size: 16px;
	}


	.newsA_time svg {
		width: 14px;
	}

	.newsA_time {
		font-size: 12px;
	}

	.newsA_p {
		font-size: 12px;
	}

	/* ==================================================================================   join */
	.joinList {
		flex-wrap: wrap;
		position: relative;
	}

	/* .joinList::before
    {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background: #eee;
    } */
	.joinList li {
		/* text-align: center; */
		border: 0;
		border-top: 1px solid #eee;
	}

	.joinList li:first-of-type {
		border: 0;
	}

	.joinList li div {
		padding: 10px 0;
	}

	.joinList span {
		font-size: 14px;
		letter-spacing: .5px;
	}

	.joinList .joinList_i2 {
		display: none;
	}

	.joinList .joinList_i1 {
		display: block;
		font-size: 21px;
	}

	.joinList li:hover .joinList_i1,
	.joinList li.hover .joinList_i1 {
		opacity: 1;
		font-size: 21px;
	}

	.recDiv {
		padding: 18px 18px 0;
	}

	.recruit .recTit {
		font-size: 16px;
	}

	.recIco span:nth-of-type(2) {
		margin-right: 0;
	}

	.recDiv_arr svg {
		width: 18px;
		height: 18px;
	}

	.recBody {
		padding: 1px 18px 18px;
	}

	.recBody span {
		font-size: 14px;
		margin-bottom: 3px;
	}

	.recBody p {
		font-size: 12px;
	}

	.recFoot a {
		display: block;
	}

	/* ==================================================================================   contact */
	.conBox_img {
		bottom: 280px;
		width: 58%;
	}

	.conMess span {
		font-size: 22px;
		letter-spacing: 0;
		margin-bottom: 3px;
	}

	.conEwm {
		margin-top: 10px;
	}

	.conMap {
		height: 289px;
		margin-top: 28px;
	}

	.conInline_inp {
		display: block;
	}

	.conInline_inp input {
		width: 100%;
		height: 42px;
		line-height: 42px;
		margin-bottom: 10px;
		border-radius: 3px;
	}

	.conInline textarea {
		margin: 0;
		height: 108px;
	}

	.conInline_btn .zdMore .more {
		font-size: 12px;
		height: 34px;
		line-height: 34px;
		width: 124px;
	}

}

@media(max-width:480px) {

	/* ==================================================================================   index */
	.banTxt {
		padding: 0 8%;
	}

	.banA video {
		right: -234px;
	}

	.subMenu ul {
		padding: 0;
	}

	.subMenu .l_sybx1li a {
		font-size: 18px;
		line-height: 3rem;
	}

	.infoList .word .tit {
		display: none;
	}
    .infoList .word .intro{
        margin: 10px 0;
    }
	.ind-num {
		width: 50%;
		background-position: left 5px;
		background-size: 20px;
		padding-left: 30px;
		padding-right: 12px;
	}


	.ind-num h3 {
		margin-top: 6px;
		letter-spacing: 0;
		font-size: 12px;
		line-height: 1.4;
		min-height: 32px;
	}

	.ind-number {
		font-size: 20px;
	}

	.ind-number b {
		margin-left: 2px;
		font-size: 18px;
	}

	.productcont ul li {
		width: 100%;
		margin-right: 0;
	}
	.productdetails .ms .tit{
		font-size: 1.8rem;
	}
	.productdetails .ms .txt{
		margin-top: 3rem;
	}
	.productdetails .pics{
		width: 80%;
	}
	.productdetails{
		padding-top: 30px;
	}
	.vbox ul li {
	        width: 100%;
	    }
}

@media(max-width:400px) {
	.banTxt {
		padding: 0 8%;
	}


	.banA {
		background-position: 72%;
	}

	.banA video {
		right: -228px;
	}
}