@media screen and (min-width: 1200px) {
	.transXT50.target {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		opacity: 0;
		visibility: hidden;
		transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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(30px);
		-webkit-transform: translateY(30px);
		opacity: 0;
		visibility: hidden;
		transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		-webkit-transition: transform 600ms, 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);
	}
	.action.idys1 {
		transition-delay: 0.15s;
	}
	.action.idys2 {
		transition-delay: 0.25s;
	}
	.action.idys3 {
		transition-delay: 0.35s;
	}
	.action.idys4 {
		transition-delay: 0.45s;
	}
	.action.idys5 {
		transition-delay: 0.55s;
	}
	.ac4txt1.target {
		transform-style: preserve-3d;
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		transition: 1.2s;
		transform: rotateY(180deg);
	}
	.action.ac4txt1 {
		transform: rotateY(0);
	}
	/*.fztrans.target:before {
		content: "";
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		transition: 8s;
		background: #fff;
		z-index: 5;
	}
	.fztrans.action:before {
		width: 0;
	}*/
	.fztrans:before {
		content: "";
		width: 0;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		transition: 8s;
		z-index: 0;
		background: #fff;
		animation: moveline 8s linear infinite;
	}
	@keyframes moveline {
		from {
			transition: 8s;
			width: 100%;
		}
		to {
			transition: 8s;
			width: 0;
		}
	}
	.tculture-list li:hover article:before {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform-origin: left 0%;
		-webkit-transform-origin: left 0%;
		visibility: visible\9;
	}
	.tleague-list li:hover .timebox {
		background-color: #306EA7;
	}
	.tleague-list li:hover h4 {
		color: #306EA7;
	}
	.tleague-list li:hover .desc:before {
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		transform-origin: 0;
		-webkit-transform-origin: 0;
		visibility: visible\9;
	}
	.tleague-list li:hover .more {
		width: 58px;
	}
	.tsocial-list dd:hover {
		border-color: #306EA7;
	}
	.tsocial-list dd:hover h4 {
		color: #306EA7;
	}
	.tsocial-list dd:hover .timebox {
		background-color: #306EA7;
	}
	.tsocial-list dd:hover .t-btnMore {
		border-color: #306EA7;
		color: #fff;
		background-color: #306EA7;
	}
}

@media screen and (max-width:1750px) {
	/*.header .nav {
		min-width: 70%;
	}*/
}

@media screen and (max-width:1550px) {
	.itt2 strong {
		font-size: 100px;
	}
	.index-total li {
		margin: 0 80px;
	}
	.bctxt1 {
		font-size: 40px;
	}
	.ialeft {
		padding: 70px 100px 170px 100px;
	}
	.iccont {
		top: 30px;
		left: 30px;
		right: 30px;
	}
	/*.header .nav {
		min-width: 78%;
	}*/
	.header .yj-bot li {
		margin: 0 5px;
	}
	.header,
	.header .nav {
		height: 70px;
		line-height: 70px;
	}
	.oalogin a {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.header .head-logo {
		top: 4.5px;
	}
	.mtop {
		height: 70px;
	}
	.banner {
		top: 70px;
	}
}

@media screen and (max-width: 1440px) {
	.pageT .zh {
		font-size: 32px;
	}
	.pageT .en {
		font-size: 24px;
	}
	.mapBox {
		height: 450px;
	}
}

@media screen and (max-width: 1370px) {
	.w1200 {
		width: 90%;
	}
	/*.header .yj-bot li {
		margin-right: 10px;
	}*/
	.tsocial-list dd {
		padding: 20px;
	}
	.tsocial-list .desc {
		margin: 0 3% 0 0;
	}
	.tsocial-list h4 {
		font-size: 18px;
	}
	.tsocial-list .timebox {
		width: 50px;
		left: -90px;
	}
	.tsocial-list .timebox .num {
		font-size: 34px;
	}
	.tsocial-list .c {
		margin-bottom: 25px;
	}
	.hrList .hrdt {
		font-size: 16px;
	}
	.pageT .zh {
		font-size: 30px;
	}
	.pageT .en {
		font-size: 20px;
	}
	.mapBox {
		height: 400px;
	}
	.header .yj-bot li {
		margin: 0 2px;
	}
	.header .yj-bot .yj-link {
		font-size: 14px;
		width: 60px;
	}
	.header .yj-bot li:hover .yj-link:before,
	.header .yj-bot li.active .yj-link:before {
		width: 60px;
	}
	.ej-list {
		left: -35px;
	}
}

@media screen and (max-width: 1200px) {
	.header .nav {
		display: none;
	}
	.oalogin a {
		width: 55px;
		height: 55px;
		line-height: 55px;
		margin-right: 60px;
	}
	.yj-bot,
	.head-write,
	.headContact {
		display: none;
	}
	.head-logo .img1 {
		display: none;
	}
	.head-logo .img2 {
		display: block;
	}
	.menu-handler,
	.menuBox {
		display: block;
	}
	.header {
		background: #fff;
		height: 55px;
		position: fixed;
		top: 0 !important;
		left: 0;
	}
	.header .head-logo {
		width: 160px;
		top: 6.5px;
		left: 5%;
	}
	.mtop {
		height: 55px;
	}
	.head-wrap {
		height: 55px;
	}
	.banner {
		position: static;
	}
	.w1400 {
		width: 90%;
	}
	.ibrands {
		display: none;
	}
	.imenus {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.imlink {
		display: inline-block;
		flex: auto;
		line-height: 1.5;
		padding: 8px 15px;
		border-left: 0;
	}
	.insides-bt .w1200 {
		width: auto;
	}
	.ab1l,
	.abr1 {
		float: none;
		width: 100%;
	}
	.ansz strong {
		font-size: 60px;
	}
	.about1-bot1 {
		padding: 40px 0;
	}
	.arnumgd li {
		width: 50%;
		text-align: center;
		margin-bottom: 20px;
	}
	.arnumgd li:not(:first-child):before {
		display: none;
	}
	.arnumgd {
		margin: 30px 0 10px 0;
	}
	.abr1 {
		margin-top: 20px;
	}
	.alname {
		font-size: 24px;
	}
	.aleng {
		font-size: 22px;
	}
	.ab1bot2,
	.corporate-vision {
		padding: 40px 0;
	}
	.ab2fd {
		float: none;
		width: 100%;
	}
	.ab2fd:last-child {
		margin-top: 20px;
		padding-left: 0;
	}
	.ab2bot {
		position: static;
		width: 100%;
	}
	.ab2title {
		font-size: 18px;
	}
	.ac2box {
		margin-top: 20px;
	}
	.ac4txt1 {
		font-size: 24px;
	}
	.ab4wrap {
		padding: 40px 0;
	}
	.annolist {
		padding: 30px 0 40px 0;
	}
	.annolist li {
		width: 98%;
		padding: 20px;
		margin: 15px 0 0 2%;
	}
	.nd-bg {
		padding: 40px 0;
	}
	.w1100 {
		width: 90%;
	}
	.ndbot {
		padding: 20px;
	}
	.nbtitle {
		font-size: 18px;
	}
	.nsicon {
		font-size: 16px;
	}
	.nbds {
		margin-top: 10px;
	}
	.nbcont {
		margin-top: 20px;
		padding-top: 20px;
	}
	.newslist li {
		height: auto;
	}
	.projectlist {
		padding: 30px 0 40px 0;
	}
	.pdbanner .slick-prev {
		left: -20px;
	}
	.pdbanner .slick-next {
		right: -20px;
	}
	.pdbanner .slick-arrow {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.ho1pic {
		width: 90%;
		padding: 20px;
	}
	.honor3-list li {
		width: 48%;
	}
	.honor3-list {
		padding: 25px 0 40px 0;
	}
	.honor3-list li {
		margin-bottom: 15px 0 0 2%;
	}
	.pagePadding {
		padding: 30px 0 40px 0;
	}
	.tculture-list {
		margin-left: -2%;
	}
	.tculture-list li {
		width: 48%;
		margin-left: 2%;
	}
	.bicont {
		top: 50%;
		bottom: auto;
		transform: translate(-50%,-50%);
		width: 90%;
		text-align: center;
	}
	.banner .slick-dots {
		bottom: 10px;
		text-align: center;
	}
	.bctxt1 {
		font-size: 24px;
	}
	.tkctxt{
		font-size: 24px;
	}
}

@media screen and (max-width: 1024px) {
	.bctxt2 {
		font-size:14px;
	}
	.banner .slick-dots {
		bottom: 10px;
	}
	.index-news {
		display: none;
	}
	.index-total li {
		float: left;
		width: 50%;
		margin: 0;
	}
	.index-total {
		margin: 40px auto 40px;
		padding: 0;
	}
	.itt2 strong {
		font-size: 60px;
	}
	.index-total li {
		margin-bottom: 20px;
	}
	.ialeft {
		float: none;
		width: 100%;
		padding: 30px 5%;
	}
	.iaright {
		float: none;
		width: 100%;
	}
	.irpic img {
		width: 100%;
	}
	.circleProgress {
		border: none;
	}
	.wrapper {
		display: none;
	}
	.iltxt1 {
		font-size: 24px;
	}
	.imicon {
		font-size: 37px;
	}
	.index-projects li {
		width: 33.333%;
		height: 200px;
	}
	.index-projects li:hover .ipcover {
		opacity: 0;
		visibility: hidden;
	}
	.iwtitle {
		font-size: 20px;
		height: 36px;
	}
	.icwz {
		position: static;
		width: 100%;
		padding: 20px 0;
	}
	.icwz .slick-dots {
		display: none !important;
	}
	.icpn p {
		top: 33%;
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	.ipc {
		left: 5%;
	}
	.inc {
		right: 5%;
	}
	.in2left {
		float: none;
		width: 100%;
	}
	.in2right {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.index-news2 {
		padding: 40px 0;
	}
	.index-social {
		padding: 50px 0;
	}
	.ibcricle {
		width: 220px;
		height: 220px;
	}
	.iceng,
	.icch {
		font-size: 22px;
	}
	.ictitle {
		margin-top: 30px;
	}
	.il2cont {
		padding: 0 5% 30px 5%;
	}
	.in2left .slick-dots {
		left: 5%;
		bottom: 5px;
	}
	.fs-select {
		font-size: 12px;
	}
	.tk-bot {
		width: 80%;
	}
	.fbl1 {
		float: none;
		width: 100%;
	}
	.fbr1 {
		float: none;
		width: 100px;
		margin-top: 20px;
	}
	.fwbot1 {
		padding: 20px 0;
	}
	.icwz1 {
		font-size: 24px;
	}
	.icwz2 {
		font-size: 20px;
	}
	.ibpicture img {
		position: relative;
		width: auto;
		height: 267px;
		left: 50%;
		margin-left: -512px;
	}
	.azwt1 {
		font-size: 18px;
		margin-top: 10px;
	}
	.ab5zw li {
		margin: 15px 0 0 1%;
	}
	.ndsb:last-child {
		display: none;
	}
	.nipic,
	.nicont {
		float: none;
		width: 100%;
	}
	.nicont {
		margin-top: 20px;
	}
	.nctitle {
		font-size: 20px;
		height: 36px;
	}
	.news-banner .slick-arrow {
		top: 25%;
		bottom: auto;
		left: auto;
	}
	.news-banner .slick-next {
		right: 0;
		margin-left: 0;
	}
	.news-banner .slick-prev {
		left: 0;
	}
	.plcover {
		padding: 20px;
	}
	.pcbt {
		left: 20px;
		bottom: 20px;
	}
	.pcname {
		font-size: 20px;
		height: 36px;
	}
	.plcover {
		transform: translateY(0);
		background: url(../images/op1.png) repeat;
	}
	.pptxt {
		display: none;
	}
	.pdlr .nbtitle,
	.pdlr .nbds {
		float: none;
		width: 100%;
	}
	.pdsb {
		margin-left: 0;
		margin-right: 20px;
	}
	.pdbanner {
		margin-bottom: 30px;
	}
	.tleague-list .timebox {
		left: 5%;
	}
	.tleague-list .desc {
		padding: 25px 5%;
	}
	.tleague-list h4 {
		font-size: 16px;
		height: 48px;
	}
	.tsocial-list .desc {
		width: 44%;
	}
	.hrList .hspan2,
	.hrList .hspan4 {
		display: none;
	}
	.hrList .hspan {
		width: 15%;
	}
	.hrList .hspan1 {
		width: 40%;
	}
	.hrList .hspan3 {
		width: 25%;
	}
	.pageT {
		margin-bottom: 40px;
	}
	.pageT .zh {
		font-size: 24px;
	}
	.pageT .en {
		font-size: 16px;
	}
	.contact-list dd {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.contact-list .item {
		padding: 20px 5%;
	}
	.contact-list .l {
		float: none;
		display: block;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.contact-list .c {
		padding-left: 0;
	}
	.mapBox {
		height: 350px;
		border-bottom-width: 6px;
	}
	.hl2r {
		display: none;
	}
	.hc2title {
		font-size: 20px;
	}
	.hc2eng1,
	.hc2eng2 {
		display: none;
	}
}

@media screen and (max-width: 860px) {
	.ab4cover {
		width: 90%;
		top: 30px;
		left: 5%;
		bottom: 30px;
	}
	.projectlist li {
		width: 98%;
		margin: 15px 0 0 2%;
	}
	.hl2l {
		width: auto;
		float: none;
		margin: 0 auto;
	}
	.hl2c {
		float: none;
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	.tleague-list {
		margin-left: -5%;
	}
	.tleague-list li {
		width: 45%;
		margin-left: 5%;
	}
	.tsocial-list {
		margin-left: -2%;
	}
	.tsocial-list dd {
		padding: 15px;
		float: left;
		width: 48%;
		margin-left: 2%;
		box-sizing: border-box;
	}
	.tsocial-list figure {
		float: none;
		width: auto;
		margin-bottom: 25px;
	}
	.tsocial-list .desc {
		position: static;
		float: none;
		width: auto;
	}
	.tsocial-list .timebox {
		left: 15px;
		top: 15px;
	}
	.tsocial-list h4 {
		font-size: 16px;
		height: 48px;
		overflow: hidden;
	}
	.hrList .hspan {
		line-height: 50px;
		height: 50px;
	}
	.hrList .hrdt {
		font-size: 14px;
		height: 50px;
	}
	.hrList .ib {
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}
	.mapBox {
		height: 300px;
	}
}

@media screen and (max-width: 780px) {
	.honor3-list li {
		width: 98%;
	}
}

@media screen and (max-width: 640px) {
	.honor2-list li {
		padding: 40px;
	}
	.hc2title {
		display: block;
		text-align: center;
	}
	.hc2btn {
		margin: 20px auto 0;
	}
	.index-projects li {
		width: 50%;
		height: 150px;
		margin-top: 1px;
	}
	.imtxt {
		font-size: 14px;
	}
	.imicon {
		font-size: 30px;
	}
	.link-wrap .w1200 {
		width: 100% !important;
	}
	.fs-select {
		background: url(../images/up.png) 90% no-repeat;
	}
	.bctxt1 {
		font-size: 20px;
	}
	.banner .item .pimg {
		position: relative;
		width: auto;
		height: 270px;
		left: 50%;
		margin-left: -320px;
	}
	.iltxt,
	.iltxt1 {
		font-size: 20px;
	}
	.it2qh.active {
		font-size: 18px;
	}
	.ifl {
		display: none;
	}
	.ifr {
		float: none;
		width: 100%;
	}
	.itt2 strong {
		font-size: 50px;
	}
	.itt2 {
		margin-top: 10px;
	}
	.tk-bot {
		height: 220px;
	}
	.tkctxt{
		font-size: 18px;
	}
	.fl1name {
		font-size: 14px;
	}
	.fb2txt,
	.fl1txt,
	.frtxt {
		font-size: 12px;
	}
	.fb2txt:not(:first-child) {
		margin-left: 10px;
		padding-left: 10px;
	}
	.ibpicture img {
		height: 167px;
		margin-left: -320px;
	}
	.cvlist li {
		width: 98%;
		margin-top: 15px;
	}
	.ab4wrap li {
		width: 98%;
	}
	.al5txt {
		width: 80%;
	}
	.ab5zw li {
		width: 49%;
	}
	.pages-list {
		margin-top: 30px;
	}
	.pages-list a {
		height: 35px;
		line-height: 35px;
		font-size: 12px;
		margin: 0;
	}
	.plpn {
		width: 55px;
	}
	.plnum {
		width: 35px;
	}
	.nbbtn {
		margin-top: 30px;
	}
	.ntlb {
		width: 70px;
		height: 35px;
		line-height: 35px;
		margin-right: 0;
		font-size: 12px;
	}
	.ntreturn {
		width: 70px;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.aolbtn {
		margin-top: 15px;
	}
	.pcicon {
		margin-top: 20px;
	}
	.ab3bg {
		padding: 50px 0;
	}
	.index-projects li:nth-child(1),
	.index-projects li:nth-child(4),
	.index-projects li:nth-child(5) {
		background: #F1F1F1 !important;
	}
	.index-projects li:nth-child(2),
	.index-projects li:nth-child(3),
	.index-projects li:nth-child(6) {
		background: #fff !important;
	}
	.tculture-list {
		margin-left: 0;
	}
	.tculture-list li {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.tculture-list article {
		padding: 15px;
	}
	.tculture-list h4 {
		font-size: 16px;
		height: auto;
		margin-bottom: 25px;
	}
	.tleague-list {
		margin-left: 0;
	}
	.tleague-list li {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.tleague-list h4 {
		height: auto;
	}
	.tsocial-list figure {
		margin-bottom: 20px;
	}
	.tsocial-list h4 {
		margin-bottom: 10px;
	}
	.hrList .hspan3,
	.hrList .hspan5 {
		display: none;
	}
	.hrList .hspan {
		width: 25%;
	}
	.hrList .hspan1 {
		width: 70%;
	}
	.hrList .hrB {
		padding: 25px 5%;
	}
	.btn-join {
		width: 100px;
		height: 36px;
		line-height: 36px;
	}
	.contact-list .item {
		font-size: 14px;
	}
	.mapBox {
		height: 250px;
		border-bottom-width: 4px;
	}
	.banner .slick-dots li,
	.banner .slick-dots li a,
	.in2left .slick-dots li a,
	.in2left .slick-dots li {
		width: 6px;
		height: 6px;
	}
	.in2left .slick-dots li {
		margin-right: 8px;
	}
	.banner .slick-dots li {
		margin: 0 4px;
	}
	.fs-select {
		width: 100%;
		border-bottom: 1px solid #4f6084;
	}
}

@media screen and (max-width: 481px) {
	.al5txt {
		width: 70%;
	}
	.tsocial-list {
		margin-left: 0;
	}
	.tsocial-list dd {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.mapBox {
		height: 200px;
	}
}

@media screen and (max-width: 421px) {
	.icpn p {
		top: 28%;
	}
}