@media screen and (min-width:1024px) {
	.transTop {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.transTop_1 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.2s;
	}

	.transTop_2 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.4s;
	}

	.transTop_3 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.6s;
	}

	.transTop_4 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.8s;
	}

	.transTop1 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.transTop1_1 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.2s;
	}

	.transTop1_2 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.4s;
	}

	.transTop1_3 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.6s;
	}

	.transTop1_4 {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.8s;
	}


	.transBottom {
		transform: translateY(-80px);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.transLeft {
		transform: translateX(-80px);
		opacity: 0;
		transition: all 1s ease-out 0s;
	}

	.transLeft_1 {
		transform: translateX(-80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.2s;
	}

	.transLeft_2 {
		transform: translateX(-80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.4s;
	}

	.transLeft_3 {
		transform: translateX(-80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.6s;
	}

	.transRight {
		transform: translateX(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.transRight_1 {
		transform: translateX(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.2s;
	}

	.transRight_2 {
		transform: translateX(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.4s;
	}

	.transRight_3 {
		transform: translateX(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0.6s;
	}

	.transList>div {
		transform: translateY(80px);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.transList>div:nth-child(2) {
		transition-delay: 0.1s;
	}

	.transList>div:nth-child(3) {
		transition-delay: 0.2s;
	}

	.transList>div:nth-child(4) {
		transition-delay: 0.3s;
	}

	.transList>div:nth-child(5) {
		transition-delay: 0.4s;
	}

	.scale {
		transform: scale(0.5);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.scale_1 {
		transform: scale(0.5);
		opacity: 0;
		transition: all 0.8s ease-out 0.2s;
	}

	.scale_2 {
		transform: scale(0.5);
		opacity: 0;
		transition: all 0.8s ease-out 0.4s;
	}

	.scaleList>div {
		transform: scale(0.5);
		opacity: 0;
		transition: all 0.8s ease-out 0s;
	}

	.scaleList>div:nth-child(2) {
		transition-delay: 0.1s;
	}

	.scaleList>div:nth-child(3) {
		transition-delay: 0.2s;
	}

	.scaleList>div:nth-child(4) {
		transition-delay: 0.3s;
	}

	.scaleList>div:nth-child(5) {
		transition-delay: 0.4s;
	}

	.showdiv .transTop1 {
		transform: none;
		opacity: 1;
	}

	.showdiv .transTop1_1 {
		transform: none;
		opacity: 1;
	}

	.showdiv .transTop1_2 {
		transform: none;
		opacity: 1;
	}

	.showdiv .transTop1_3 {
		transform: none;
		opacity: 1;
	}

	.showdiv .transTop1_4 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transTop {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transTop_1 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transTop_2 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transTop_3 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transTop_4 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transBottom {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transLeft {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transLeft_1 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transLeft_2 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transLeft_3 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transRight {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transRight_1 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transRight_2 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transRight_3 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .transList>div {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .scale {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .scale_1 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .scale_2 {
		transform: none;
		opacity: 1;
	}

	.showdiv1 .scaleList>div {
		transform: none;
		opacity: 1;
	}
}

@media screen and (max-width:1500px) {
	.pd120 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.pdt120 {
		padding-top: 100px;
	}

	.pdb120 {
		padding-bottom: 100px;
	}

	.pd110 {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.pdt110 {
		padding-top: 90px;
	}

	.pdb110 {
		padding-bottom: 90px;
	}

	.fz48 {
		font-size: 40px;
	}

	.fz40 {
		font-size: 32px;
	}

	.fz30 {
		font-size: 24px;
	}

	.block {
		width: 96%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.header .d2 .block {
		padding: 0;
	}

	.header2 .d1 .navg a {
		margin: 0 15px;
	}

	.header2 .d1 .navg1 a {
		margin: 0 15px;
	}

	.header2 .d1 .navg.act {
		width: 450px;
	}

	/*.header .nav_main li{margin:0 15px;}
.header2 .nav_main li{margin:0 15px;}*/

	.body_home .banner .child .fz30 {
		bottom: 50px;
	}

	.body_home .banner .navg {
		bottom: 50px;
	}




	.nav_b {
		bottom: 10px;
	}

}

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

	.footer .part2b .ftcode .wxcode {
		margin-left: 20px
	}

	.footer .part2b .ftlogo {
		height: 70px;
		padding-right: 15px
	}

	.footer .part2b .ftinfo div {
		padding-left: 15px
	}


}

@media screen and (max-width:1366px) {
	.pd120 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.pdt120 {
		padding-top: 80px;
	}

	.pdb120 {
		padding-bottom: 80px;
	}

	.pd110 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pdt110 {
		padding-top: 70px;
	}

	.pdb110 {
		padding-bottom: 70px;
	}

	.fz48 {
		font-size: 36px;
	}

	.fz40 {
		font-size: 28px;
	}

	.fz30 {
		font-size: 20px;
	}

	.fz24 {
		font-size: 18px;
	}

	.fz20 {
		font-size: 16px;
	}

	.body_home .banner .child .a2 {
		bottom: 30px;
		width: 60px;
	}

	.body_home .banner .child .fz30 {
		bottom: 45px;
		right: 280px;
	}

	.body_home .banner .navg {
		bottom: 45px;
		/* right: 80px; */
	}

	.body_home .banner .navg span {
		margin: 0 5px;
	}

	.body_home .banner .navg span.now::after {
		width: 30px;
	}

	.header .d1 {
		font-size: 14px;
	}

	.header2 .d2 .navg a {
		margin: 0 20px;
	}

	/*.header .nav_main li{margin:0 10px;}
.header2 .nav_main li{margin:0 10px;}*/

	.body_r .ll {
		position: fixed;
		background: #fff;
		color: #333;
		padding: 0;
		padding: 15px 5px 15px 5px;
		border-radius: 0 5px 5px 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		line-height: 1.3;
	}

	.body_r .ll.w {
		background: #fff;
	}

	.body_r .ll:hover {
		padding-left: 5px;
	}

}

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


	/*.header .nav_main{left:230px;right:130px;font-size:16px;}
*/

	.header2 .d2 .navg a {
		margin: 0 15px;
	}


	.body_home .banner .child .fz30 {
		padding-left: 20px;
	}

	.body_home .banner .child .a2 {
		right: 20px;
	}


	.layer .leader_box {
		width: auto;
		margin: 0 40px;
	}

	.layer .leader_box .inner {
		padding: 30px;
	}

	.layer .leader_box .text {
		margin-top: 15px;
	}

}

@media screen and (max-width:1024px) {
	.layer .picbox video {
		width: 90%;
		height: auto;
	}

	.pd120 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pdt120 {
		padding-top: 60px;
	}

	.pdb120 {
		padding-bottom: 60px;
	}

	.pd110 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pdt110 {
		padding-top: 60px;
	}

	.pdb110 {
		padding-bottom: 60px;
	}


	.body_home .banner .text {
		width: 70%;
	}

}

@media screen and (max-width:1200px) {
	.body.page {
		padding-top: 61px;
	}

	.header {
		transform: none;
		opacity: 1;
	}

	.header .d1 {
		display: none;
	}

	/*.header .nav_main{display:none;}*/
	.header .d2 {
		height: 60px;
		padding-top: 6px;
		width: 100%;
	}

	.header .d2 .block {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		padding: 0;
	}

	.header .logo {
		width: 2.3rem;
		position: static;
	}

	.header .logo img {
		width: 100%;
		height: auto;
		max-height: none;
	}

	.header .tools {
		position: static;
	}

	.header .tools .a {
		width: 24px;
		height: 24px;
		margin-left: 15px;
	}

	.header .menu {
		width: 24px;
		height: 22px;
		position: relative;
		margin-left: 15px;
	}

	.header .menu i {
		height: 2px;
		background: #fff;
		width: 26px;
		border-radius: 1px;
	}

	.header.light .menu i {
		background: #333;
	}

	.header .menu i:nth-child(1) {
		position: absolute;
		left: 0px;
		top: 2px;
	}

	.header .menu i:nth-child(2) {
		position: absolute;
		left: 0px;
		top: 11px;
	}

	.header .menu i:nth-child(3) {
		position: absolute;
		left: 0px;
		top: 20px;
	}

	.header .tools .sc a::after {
		font-size: 20px;
	}

	.header .tools .lang {
		font-size: 14px;
		display: none;
	}

	.header2 {
		display: none;
	}

	.nav_child {
		display: none;
	}

	.nav_mobile {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		z-index: 150;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-out 0s;
		display: -ms-flexbox;
		display: -ms-flexbox;
		display: flex;
		-ms--ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		display: none
	}

	.nav_mobile.showdiv {
		opacity: 1;
		visibility: visible;
		display: block
	}

	.nav_mobile .close {
		font-family: icon;
		font-size: 28px;
		position: absolute;
		right: 17px;
		top: 17px;
		line-height: 1;
	}

	.nav_mobile .logo {
		position: absolute;
		left: 2%;
		top: 10px;
		width: 2.3rem;
		line-height: 60px;
	}

	.nav_mobile .logo img {
		width: 100%;
	}

	.nav_mobile .nav_l {
		font-size: 15px;
		background: #3069cc;
		color: #fff;
		width: 100%;
		overflow: hidden;
		text-align: center
	}

	.nav_mobile .nav_l .inner {
		padding: 10px 0;
		border-top: 1px solid rgba(255, 255, 255, .1)
	}

	.nav_mobile .nav_l .inner h4 {
		font-size: 18px;
	}

	.nav_mobile .nav_l i {
		display: none;
	}

	.nav_mobile .nav_l a {
		padding: 3px 10px;
		opacity: 0.8;
		display: inline-block;
		white-space: nowrap;
		color: #fff;
	}

	.nav_mobile .nav_l a:first-child {
		margin-left: 0;
	}

	.nav_mobile .nav_r {
		font-size: 16px;
		background: #3069cc;
		color: #fff;
		width: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		overflow: hidden;
	}

	.nav_mobile .nav_r .inner {
		padding: 5px 0;
	}

	.nav_mobile .nav_r a {
		padding: 5px 10px;
		opacity: 0.8;
		display: inline-block;
		white-space: nowrap;
		font-weight: normal;
	}

	.nav_mobile .nav_r a.now {
		opacity: 1;
	}

	.nav_mobile .nav_r a:first-child {
		margin-left: 0;
	}

	.nav_mobile .nav_main {
		padding: 0;
		font-size: 16px;
		background: #fafafa;
		background-size: auto 130px;
	}

	.nav_mobile .nav_main .logo {
		position: absolute;
		left: 20px;
		top: 0;
		line-height: 60px;
	}

	.nav_mobile .nav_main .logo a {
		display: block;
		height: 100%;
	}

	.nav_mobile .nav_main .logo img {
		max-height: 65%;
		width: auto;
		max-width: none;
	}

	/*.nav_mobile .nav_main a{border-bottom:1px solid rgba(0,0,0,0.08);padding:8px 15px;text-align: center;
	width:50%;box-sizing:border-box;height:auto;display:inline-block;box-sizing: border-box;}
.nav_mobile .nav_main a:nth-child(odd){border-right:1px solid rgba(0,0,0,0.08);}
.nav_mobile .nav_main a:nth-child(-n+2){border-top:1px solid rgba(0,0,0,0.08);}
*/


	.nav_mobile .tools {
		display: -ms-flexbox;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		right: 50px;
		top: 18px;
	}

	.nav_mobile .tools .a {
		margin-right: 10px;
		width: 26px;
		height: 26px;
		line-height: 26px;
		position: relative;
	}

	.nav_mobile .tools .a>a {
		display: -ms-flexbox;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		-ms-flex-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.nav_mobile .tools .sc a:after {
		content: "\e672";
		font-size: 20px;
		font-family: icon;
	}

	.nav_mobile .tools .sc {
		display: none;
	}

	.nav_mobile .tools .lang {
		font-size: 18px;
		font-family: Arial;
		text-transform: uppercase;
	}


}

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

	.block {
		width: 92%
	}
}

@media screen and (max-width:850px) {
	.pd120 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pdt120 {
		padding-top: 40px;
	}

	.pdb120 {
		padding-bottom: 40px;
	}

	.pd110 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pdt110 {
		padding-top: 40px;
	}

	.pdb110 {
		padding-bottom: 40px;
	}

	.body_home .banner .navg li.slick-active:after {
		width: 30px;
	}

	.footer .nav_foot a i {
		font-size: 30px
	}

	.footer .nav_foot a {
		padding-top: 15px
	}

	.footer .part2a li {
		font-size: 14px
	}

	.fz48 {
		font-size: 22px;
	}

	.fz40 {
		font-size: 20px;
	}

	.fz30 {
		font-size: 18px;
	}

	.fz20 {
		font-size: 14px;
	}

	.layer .search_box {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.layer .close {
		font-size: 24px;
		height: 40px;
		line-height: 40px;
		right: 50%;
		top: 50%;
		transform: translate(50%, 50%);
	}

	.layer .leader_box .close {
		color: #aaa;
		right: 20px;
		top: 20px;
		font-size: 30px;
		bottom: auto;
		margin: 0;
		left: auto;
	}

	.title .h {
		font-size: 28px;
	}


	.body_home .banner .child:before {
		background: linear-gradient(to top, rgb(0, 0, 0, 1), rgba(0, 0, 0, 0));
		height: 90px;
	}

	.home.lock {
		overflow: hidden;
	}

	.home,
	.home body {
		height: auto;
		overflow: auto;
	}

	.body_home {
		height: auto;
		overflow: visible;
	}

	.body_home .banner {
		height: 55vw;
	}

	.body_b {
		width: auto;
		height: auto;
		position: static;
		opacity: 1;
		transform: none;
		overflow: hidden;
	}

	.body_home .bb {
		display: none;
	}


	.focus1 .navg {
		bottom: 65px;
	}

	.body_r {
		position: fixed;
		overflow: auto;
		background: #fff;
	}

	.body_r .menu {
		display: none;
	}

	.nav_b {
		display: none;
	}

	.body_r .navg {
		display: none;
	}

	.rr.showdiv {
		transform: scale(0.6);
	}

	.body_r .body_scroll {
		height: auto;
		position: static;
	}

	.body_r .arr {
		display: none;
	}

	.screen {
		float: none;
		height: auto;
		overflow: hidden;
	}

	.screen .title .fz40 {
		width: auto;
	}

	.screen .title .p {
		width: auto;
		margin: 10px 0 0;
	}

}

@media screen and (max-width:800px) {
	.body_home .banner .navg {
		bottom: 20px;
		right: 0
	}

	.body_home .banner .child .fz30 {
		bottom: 10px;
		line-height: 1.5;
		right: 70px;
		font-size: 14px;
		padding-left: 18px;
	}

	.body_home .banner .child .a2 {
		bottom: 0;
		right: 0;
		height: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width:640px) {
	.block {
		width: 92%
	}

	.nav_mobile .nav_l .inner h4 {
		font-size: 15px;
		margin-bottom: 3px
	}

	.nav_mobile .nav_l {
		font-size: 12px;
		text-align: center
	}

	.nav_mobile .nav_r {
		font-size: 12px;
	}

}

@media screen and (max-width:450px) {
	.body_home .banner {
		height: 60vw
	}

	.body_home .banner .navg {
		bottom: 10px
	}

	.body_home .banner .navg li {
		height: 3px;
		width: .4rem
	}

	.body_home .banner .navg li:after {
		height: 3px
	}

	.body_home .banner .navg li.slick-active:after {
		width: 20px;
	}

	.body_home .banner .child .fz30 {
		font-size: 16px;
	}

	.nav_mobile .nav_main {
		font-size: 15px
	}

	.nav_mobile .nav_main a {
		text-align: center
	}
}