@media screen and (min-width: 1200px) {
	.transXT50.target {
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.transYT50.target {
		transform: translateY(50px);
		-webkit-transform: translateY(50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.transYT501.target {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.transYT502.target {
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.transXT501.target {
		transform: translateX(50px);
		-webkit-transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.transXf.target {
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		transition-timing-function: ease-out;
		-webkit-transition-timing-function: ease-out;
	}
	.action.transYT50,
	.action.transYT501,
	.action.transYT502 {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	.action.transXT50,
	.action.transXT501,
	.action.transXf {
		opacity: 1;
		visibility: visible;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	.loadpic.target:before {
		content: "";
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		transition: 1.2s;
		background: #fff;
		z-index: 5;
	}
	.ispy1.target:before {
		transition-delay: 0.15s;
	}
	.ispy2.target:before {
		transition-delay: 0.25s;
	}
	.ispy3.target:before {
		transition-delay: 0.35s;
	}
	.loadpic.action:before {
		width: 0;
	}
	.target.item1 {
		transition-delay: .2s;
		-webkit-transition-delay: .2s;
	}
	.target.item2 {
		transition-delay: .4s;
		-webkit-transition-delay: .4s;
	}
	.target.item3 {
		transition-delay: .6s;
		-webkit-transition-delay: .6s;
	}
}

@media screen and (max-width:1750px) {
	.jpl {
		padding: 20px;
	}
	.jltitle {
		font-size: 18px;
	}
	.jldesc {
		margin-top: 10px;
	}
	.head-right {
		padding-left: 20px;
	}
}

@media screen and (max-width:1680px) {
	.hrsearch {
		margin-right: 20px;
	}
	.hrphone {
		font-size: 18px;
	}
	.hrphone i {
		font-size: 22px;
	}
}

@media screen and (max-width:1600px) {
	.about1-bot2 {
		padding: 0 40px;
	}
	.abcont {
		padding: 0 0 0 40px;
	}
	.abpic,
	.abcont {
		width: 50%;
	}
	.ajl2:before {
		left: 15px;
	}
}

@media screen and (max-width:1550px) {
	.acdesc{
		height: 280px;
	}
	.ictxt1 {
		font-size: 49px;
	}
	.ictxt2 {
		font-size: 26px;
	}
	.iatxt1 {
		font-size: 24px;
	}
	.ibtitle {
		font-size: 30px;
	}
	.ibmore {
		line-height: 54px;
	}
	.ipct {
		left: 20px;
		right: 20px;
		bottom: 20px;
		font-size: 20px;
	}
	.actitle {
		font-size: 30px;
	}
	.aw2list li:nth-of-type(odd) .al2cont {
		padding: 40px 18% 40px 55px;
	}
	.aw2list li:nth-of-type(even) .al2cont {
		padding: 40px 8% 40px 13%;
	}
	.ac2t2 {
		font-size: 30px;
	}
	.ajl1 {
		font-size: 28px;
	}
	.ac3txt2 {
		font-size: 26px;
	}
	.products-tab a {
		margin: 0 100px;
	}
	.pmjp {
		width: 83%;
	}
	.online-jp {
		width: 74%;
	}
	.header .nav {
		width: 58%;
	}
	.header .head-logo,
	.head-right {
		width: 21%;
	}
	.header .yj-bot .yj-link {
		padding: 0 10px;
	}
}

@media screen and (max-width: 1440px) {
	.abcont {
		padding: 0 0 30px 40px;
	}
	.header .nav {
		width: 54%;
	}
	.header .head-logo,
	.head-right {
		width: 23%;
	}
	.header .yj-bot .yj-link {
		font-size: 14px;
	}
	.acdesc {
		height: 230px;
	}
}

@media screen and (max-width: 1370px) {
	.announce-list {
		width: 65%;
	}
	.inrcont {
		padding: 20px 20px 0 20px;
	}
	.about1-total {
		margin: 40px 0 0 -200px;
	}
	.inctitle {
		font-size: 20px;
	}
	.about1-total li {
		margin-left: 200px;
	}
	.ibcont {
		width: 1000px;
	}
	.istxt1 {
		font-size: 40px;
	}
	.istxt2 {
		font-size: 26px;
	}
	.ab4list {
		height: 190px;
	}
	.header .yj-bot .yj-link {
		padding: 0 6px;
	}
	.header .nav {
		width: 52%;
	}
	.header .head-logo,
	.head-right {
		width: 24%;
	}
	.header .yj-bot .yj-link {
		font-size: 13px;
	}
}

@media screen and (max-width: 1280px) {
	.acdesc {
		height: 180px;
	}
	.w1200 {
		width: 1000px;
	}
	.ia-about {
		padding: 20px 20px 0 20px;
	}
	.aw2list li:nth-of-type(odd) .al2cont {
		padding: 30px 18% 30px 55px;
	}
	.aw2list li:nth-of-type(even) .al2cont {
		padding: 30px 8% 30px 13%;
	}
	.ftbot1c{
		    margin-left: -100px;
	}
	.fb1z{
		margin-left: 100px;
	}
}

@media screen and (max-width: 1200px) {
	.acdesc{
		height: auto;
		overflow-y: auto;
		padding-right: 0;
	}
	.nav,
	.head-write,
	.headContact {
		display: none;
	}
	.menu-handler,
	.menuBox {
		display: block;
	}
	.header {
		background: #fff;
		height: 55px;
		position: fixed;
		top: 0 !important;
		left: 0;
		border-bottom: 1px solid #eee;
	}
	.header .head-logo {
		width: 150px;
		height: auto;
		padding-top: 0;
		margin-top: 8.5px;
		padding-left: 0;
		margin-left: 5%;
	}
	.head-logo img {
		width: 100%;
	}
	.mtop {
		height: 55px;
	}
	.head-wrap {
		height: 55px;
	}
	.ictxt1 {
		font-size: 30px;
	}
	.ictxt2 {
		font-size: 20px;
	}
	.hrphone {
		display: none;
	}
	.head-right {
		width: auto;
		right: 60px;
		padding-left: 0;
		line-height: 55px;
	}
	.hrsearch {
		margin-right: 15px;
		font-size: 12px;
	}
	.hrsearch i {
		font-size: 18px;
	}
	.w1200 {
		width: 90%;
	}
	.announce-list {
		width: 60%;
	}
	.incont {
		padding: 20px;
	}
	.icdate strong {
		font-size: 20px;
	}
	.ftbot1c {
		display: none;
	}
	.ftbot2 {
		padding: 20px 0;
		float: none;
	}
	.ftbewm {
		padding: 0 0 20px 0;
		float: none;
	}
	.ftbewm {
		text-align: center;
	}
	.ftbot2 {
		width: 100%;
	}
	.ftbot2 {
		margin-left: 0;
	}
	.fblx {
		width: 50%;
		margin-left: 0;
		text-align: center;
		margin-bottom: 15px;
	}
	.footer-bg {
		border-top: none;
	}
	.abpic,
	.abcont {
		float: none;
		width: 100%;
	}
	.abcont {
		padding: 20px 0;
	}
	.about1-total{
		display: block;
	}
	.about1-total li {
		display: block;
		float: left;
		width: 50%;
		margin-bottom: 15px;
		margin-left: 0;
	}
	.about1-total {
		margin: 20px 0 0 0;
	}
	.aticon {
		font-size: 30px;
	}
	.about1-bot2 {
		margin-top: 30px;
	}
	.ibcont {
		width: 90%;
	}
	.istxt1 {
		font-size: 30px;
	}
	.istxt2 {
		font-size: 22px;
		padding-bottom: 10px;
	}
	.ibcont {
		bottom: auto;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.itlink {
		line-height: 43px;
		font-size: 12px;
	}
	.insides-tab {
		display: block;
		text-align: center;
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		background: #333333;
	}
	.itlink {
		display: inline-block;
		flex: auto;
		padding: 0 20px;
	}
	.about1-bot2 {
		padding: 0 5%;
	}
	.al2pic,
	.al2cont {
		float: none;
		width: 100%;
	}
	.al2cont {
		padding: 20px !important;
	}
	.ac2sj:before {
		display: none;
	}
	.ajl2:before {
		display: none;
	}
	.ajl1 {
		width: auto;
		font-size: 24px;
	}
	.ajl2 {
		float: right;
		padding-left: 0;
	}
	.asjl {
		padding-bottom: 20px;
	}
	.aw2list li {
		background: #fff !important;
	}
	.about2-wrap {
		padding: 15px 5% 40px 5%;
	}
	.ab1bot {
		padding-top: 15px;
	}
	.ibtxt {
		font-size: 12px;
	}
	.ab3cont,
	.al3box {
		padding: 40px;
	}
	.abg3nr {
		left: 40px;
		bottom: 40px;
	}
	.ab3r {
		padding: 40px 0 0 40px;
	}
	.ac3txt2 {
		font-size: 20px;
	}
	.about3-wrap {
		padding: 15px 0 40px 0;
	}
	.about3-bot1 {
		margin-top: 20px;
	}
	.about4-wrap {
		padding: 15px 0 40px 0;
	}
	.aw4bot {
		margin-top: 20px;
	}
	.pb40 {
		padding: 15px 0 40px 0;
	}
	.products-tab {
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.products-tab a {
		margin: 0;
		padding: 20px 30px;
	}
	.products-tab a:before {
		left: 30px;
	}
	.products-tab {
		margin-top: 10px;
	}
	.ptqh i {
		font-size: 20px;
	}
	.ptqh em {
		font-size: 14px;
	}
	.pwlist {
		margin-top: 20px;
	}
	.plcont {
		padding: 20px;
	}
	.istxt2:before {
		display: none;
	}
	.sc1nr {
		width: 80%;
	}
	.sl1cont {
		padding: 15px;
	}
	.snrt2 {
		display: block;
		margin-top: 10px;
	}
	.w1000 {
		width: 90%;
	}
	.news-detial {
		padding: 20px 0 40px 0;
	}
	.nd-bot {
		padding: 20px;
	}
	.al2pic img {
		width: 100%;
		left: 0;
		transform: translateX(0);
	}
	.pmcont {
		margin-top: 20px;
	}
	.pmcont h5 {
		font-size: 16px;
	}
	.pmjp {
		width: 100%;
	}
	.online-jp {
		width: 100%;
	}
	.ac2t2:before {
		display: none;
	}
	.online-jp .al2cont {
		padding: 0 !important;
	}
	.clpic,
	.cases-list .inrcont {
		float: none;
		width: 100%;
	}
	.cases-list .inrcont {
		padding: 15px;
	}
	.cases-list li {
		margin-bottom: 15px;
	}
	.ri-no {
		display: none !important;
	}
	.ri-head span,
	.ri-w {
		width: 35%;
	}
	.ri-total span {
		font-size: 14px;
	}
	.rl-information span {
		height: 50px;
		line-height: 50px;
	}
	.ri-head span {
		padding: 15px 0;
	}
	.ri-lw i {
		margin-top: 16.5px;
	}
	.ri-lw.active i {
		margin-top: 23.5px;
	}
	.ri-lw {
		width: 50px;
	}
	.cw2left,
	.cw2right {
		float: none;
		width: 100%;
	}
	.maps {
		height: 300px;
	}
	.cw2right {
		padding: 20px 0;
	}
	.cw2right:before {
		display: none;
	}
	.cwzt2 {
		font-size: 24px;
	}
	.cr2wz {
		margin-top: 20px;
	}
	.cwzt3 {
		font-size: 16px;
	}
	.contact2-wrap {
		padding: 15px 5% 20px 5%;
	}
	.pxl-pro {
		margin-top: 20px;
		padding: 40px 5%;
	}
	.pxlpw {
		width: 100%;
	}
	.pxl-name {
		font-size: 24px;
	}
	.pxl-txt {
		margin-top: 20px;
	}
	.pbname {
		font-size: 24px;
	}
	.pxl-box {
		margin-top: 30px;
	}
	.pxltxt {
		margin-top: 30px;
		margin-left: 50px;
	}
	.pxl {
		margin-left: -50px;
	}
	.cfz1,.cfz2,.cfz3{
		transform: rotate(0);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1190px) {}

@media screen and (max-width: 1100px) {}

@media screen and (max-width: 1024px) {
	.index-ab {
		padding: 50px 0;
	}
	.ia-activity,
	.ia-about {
		float: none;
		width: 100%;
	}
	.ia-about {
		padding: 20px;
	}
	.announce-list {
		width: 75%;
	}
	.iatxt1 {
		font-size: 20px;
	}
	.iatxt2 {
		margin-top: 20px;
	}
	.iamore {
		margin-top: 30px;
	}
	.ibox {
		padding-top: 50px;
	}
	.ibtitle {
		font-size: 26px;
	}
	.ibmore {
		line-height: 46px;
		font-size: 14px;
	}
	.iclpic,
	.icrnr {
		float: none;
		width: 100%;
	}
	.inrcont {
		padding: 20px 20px 40px 20px;
	}
	.index-news li {
		width: 49%;
		margin-bottom: 15px;
	}
	.index-pcn {
		padding-bottom: 50px;
	}
	.flxtxt2 {
		font-size: 20px;
	}
	.ab4pic,
	.ab4box {
		float: none;
		width: 100%;
	}
	.ab4box {
		margin-top: 20px;
	}
	.search-bot {
		width: 90%;
	}
	.sbenter {
		width: 100%;
	}
	.sbenter {
		height: 55px;
		line-height: 55px;
	}
	.sbenter input {
		line-height: 55px;
	}
	.sqlicon {
		font-size: 20px;
	}
	.stores2-map {
		padding: 20px;
	}
	.jpl {
		width: 33.333%;
	}
	.ojsr {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.oj2,
	.oj3 {
		margin-left: 0;
	}
	.ojsubmit {
		width: 100%;
		height: 45px;
		line-height: 45px;
		margin: 20px 0 0 0;
	}
	.ojsr input {
		line-height: 45px;
		padding: 0 20px;
	}
	.ojp {
		margin-top: 30px;
	}
	.online-jp {
		margin: 30px auto 0;
	}
	.index-pc{
		display: none;
	}
	.mibble-wrap{
		display: block;
	}
	.footer-bg{
		margin-bottom: 73px;
		background: #EFEFEF;
		padding: 20px 0;
	}
	.ftbot2,.ftbewm,.ftline{
		display: none;
	}
	.mibble-bmenu{
		display: flex !important;
	}
}

@media screen and (max-width: 900px) {}

@media screen and (max-width: 860px) {
	.ab3pic,
	.ab3cont {
		float: none !important;
		width: 100%;
	}
	.ab3cont {
		padding: 20px;
	}
	.about3-bot1 li:nth-of-type(odd) .ab3cont:before,
	.about3-bot1 li:nth-of-type(even) .ab3cont:before,
	.ar3pic {
		display: none;
	}
	.ab3r,
	.ab3l {
		float: none;
		width: 100%;
	}
	.ab3r,
	.al3box {
		padding: 20px;
	}
	.abg3nr {
		left: 20px;
		bottom: 20px;
	}
	.stores1-list li {
		width: 99%;
	}
	.stores-list li {
		width: 31.333%;
	}
}

@media screen and (max-width: 780px) {
	.announce-list {
		width: 70%;
	}
	.pwlist li,.plitem {
		width: 99%;
	}
	.plitem li{
		width: 100%;
	}
}

@media screen and (max-width: 680px) {}

@media screen and (max-width: 640px) {
	.ictxt1 {
		font-size: 20px;
	}
	.ictxt2 {
		font-size: 18px;
	}
	.ictxt3 {
		margin: 10px auto 0;
		font-size: 14px;
	}
	.ibpn a {
		display: none !important;
	}
	.banner .slick-dots,.swiper-pagination {
		width: 100%;
		left: 0;
		text-align: center;
		bottom: 10px !important;
	}
	.banner .slick-dots li,.swiper-pagination-bullet {
		margin: 0 5px;
	}
	.swiper-pagination-bullet{
		width: 8px !important;
		height: 8px !important;
	}
	.ia-cover {
		padding: 0 10px;
	}
	.ipline {
		margin: 0 10px;
	}
	.ibtitle {
		font-size: 20px;
	}
	.ibmore {
		line-height: 36px;
	}
	.ipctxt {
		left: 20px;
		right: 20px;
		bottom: 20px;
		font-size: 16px;
	}
	.itxz {
		padding: 15px 0;
	}
	.ixzicon {
		font-size: 20px;
	}
	.ixztxt {
		font-size: 14px;
	}
	.ipct {
		font-size: 18px;
	}
	.index-news li {
		width: 99%;
	}
	.icnr {
		width: 75%;
	}
	.flxtxt1 {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.ftbot3 {
		padding: 10px 0;
		text-align: center;
	}
	.fb3txt,
	.flxtxt1,
	.flxtxt3 {
		font-size: 12px;
	}
	.flxtxt2 {
		font-size: 18px;
	}
	.actitle {
		font-size: 20px;
	}
	.acdesc {
		margin-top: 20px;
	}
	.istxt1 {
		font-size: 22px;
	}
	.istxt2 {
		font-size: 18px;
	}
	.atxt {
		font-size: 14px;
	}
	.ac2t2 {
		font-size: 20px;
	}
	.ac2sj {
		margin-top: 30px;
	}
	.ac3txt2 {
		font-size: 18px;
	}
	.ab4list {
		margin-top: 30px;
	}
	.products-tab a {
		padding: 15px;
	}
	.products-tab a:before {
		left: 15px;
	}
	.pclt1 {
		font-size: 18px;
		height: 32px;
	}
	.pcr i {
		font-size: 20px;
	}
	.pcr {
		font-size: 12px;
	}
	.pct2 {
		font-size: 12px;
		height: 42px;
	}
	.plcont {
		padding: 15px;
	}
	.pages-list {
		margin-top: 30px;
	}
	.plfy {
		margin: 0 3px;
	}
	.sqlnr {
		display: none;
	}
	.stores-list li {
		width: 48%;
		padding: 15px;
	}
	.snrt1 {
		font-size: 16px;
		height: 24px;
	}
	.nbtitle {
		font-size: 18px;
	}
	.adstxt {
		font-size: 12px;
		margin-right: 15px;
	}
	.aticon2 {
		font-size: 16px;
		margin-left: 5px;
	}
	.nbds {
		margin-top: 10px;
	}
	.nbcont {
		margin-top: 20px;
	}
	.nbbottom {
		margin-top: 30px;
	}
	.nblbtn a,
	.nbrbtn a {
		width: 75px;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.jpl {
		width: 100%;
		height: auto;
	}
	.jlnum {
		font-size: 26px;
	}
	.ojpts {
		font-size: 12px;
		margin-top: 15px;
	}
	.header .head-logo {
		width: 120px;
		margin-top: 10px;
	}
	.maps {
		height: 180px;
	}
	.cwzt2 {
		font-weight: normal;
		font-size: 22px;
	}
	.pblist li {
		width: 48%;
		margin: 0 0 15px 1%;
	}
	.pltcover i {
		font-size: 20px;
	}
	.pltcover em {
		font-size: 12px;
	}
	.plxlw {
		font-size: 14px;
		height: 25px;
		margin-top: 5px;
	}
	.pxl-pro {
		padding: 30px 5%;
	}
	.pxl-name {
		font-size: 20px;
	}
	.pbname {
		font-size: 20px;
	}
	.nfw-pic {
		width: 100%;
	}
	.nfw-txt1 {
		font-size: 20px;
	}
	.nfw-btn a {
		margin-top: 50px;
	}
	.pxltxt {
		margin-top: 15px;
		margin-left: 20px;
		font-size: 13px;
		padding-bottom: 5px;
	}
	.pxl {
		margin-left: -20px;
	}
	.pxltxt:before{
		height: 3px;
	}
}

@media screen and (max-width: 550px) {
	.announce-list {
		width: 65%;
	}
}

@media screen and (max-width: 481px) {
	.announce-list {
		width: 60%;
	}
	.ajl1 {
		font-size: 22px;
		line-height: 1.2;
	}
	.ajl2 {
		width: 75%;
	}
}

@media screen and (max-width: 421px) {
	.announce-list {
		width: 55%;
	}
	.announce-tit {
		line-height: 45px;
		font-size: 14px;
	}
	.announce-list {
		margin-top: 13px;
	}
	.icpn {
		margin-top: 8.5px;
	}
	.ipline {
		height: 18px;
	}
	.sc1nr {
		width: 75%;
	}
	.stores-list li {
		margin: 15px 0 0 2%;
		width: 98%;
	}
	.snrt2 em {
		margin: 0 5px 0 0;
	}
}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 350px) {
	.announce-list {
		width: 50%;
	}
}