@media screen and (min-width:1001px) {

	a {
		cursor: pointer;
	}

	.video {
		padding: 0;
		margin: 0;
		width: 100%;
		object-position: 0 100%;
		object-fit: fill;
		overflow: hidden;
		position: relative
	}

	.video video {
		object-fit: fill;
		width: 100%;
		height: 100%
	}

	.page1-img {
		text-align: center;
		margin: 0 auto
	}

	.page1-img img {
		text-align: center;
		margin: 0 auto;
		width: 70%;
		margin-top: 18%
	}

	.page1-icon {
		z-index: 2000;
		position: fixed;
		right: 3%;
		top: 47%
	}

	.posi-icon {
		position: absolute;
		right: 0;
		top: 80%
	}

	.posi-icon img {
		width: 60px;
		height: 60px;
		margin-bottom: 10px
	}

	.bask {
		padding: 10px;
		position: absolute;
		right: 70px;
		top: 55%
	}

	.bask-right {
		width: 0;
		height: 0;
		border-width: 15px 0 15px 15px;
		border-style: solid;
		border-color: transparent transparent transparent rgba(27, 27, 27, 0.6);
		position: absolute;
		right: -15px;
		top: 41%
	}

	.bask img:nth-child(1) {
		height: 48px;
		position: absolute;
		top: 6px;
		right: 0;
		display: none
	}

	.bask img:nth-child(2) {
		width: 120px;
		position: absolute;
		top: 46px;
		right: 0;
		display: none
	}

	#big .big-0 {
		width: 1200px;
		overflow: hidden;
		margin-bottom: 10px
	}

	#big .big-1 {
		width: 595px;
		overflow: hidden;
		margin-bottom: 10px
	}

	.page2 {
		margin-top: 100px
	}

	.big,
	.s1 {
		width: 100%
	}

	.big-2 {
		width: 393.3px;
		overflow: hidden;
		margin-right: 9px;
	}

	#small .big-2:nth-child(3) {
		margin-right: 0
	}

	.text-desc {
		position: absolute;
		background-color: #36260a;
		height: 90%;
		opacity: 0;
		width: 90%;
		padding: 5%
	}

	.text-desc h3,
	p,
	a {
		color: #fff
	}

	.text-desc h3 {
		font-size: 20px;
		margin: 40px 0 20px
	}

	.text-desc p {
		margin: 0 10px 15px;
		font-weight: 300;
		line-height: 20px;
		font-size: 12px;
		margin-bottom: 15px;
		letter-spacing: .1em;
		text-align: left
	}

	.text-desc .posiImg {
		bottom: 14px
	}

	.text-desc .posiImg1 {
		bottom: 34px
	}

	.text-desc .posiImg2 {
		bottom: 33px
	}

	.text-desc .posiImg3 {
		bottom: 13px
	}

	.btn {
		display: inline-block;
		padding: 5px 30px;
		font-size: 14px;
		color: #fff;
		border: 1px solid #fff;
		background-color: transparent;
		text-decoration: none;
		transition: .4s;
		border-radius: 15px;
		position: absolute;
		bottom: 25%;
		left: 40%
	}

	.btn1 {
		display: inline-block;
		padding: 5px 30px;
		font-size: 14px;
		color: #fff;
		border: 1px solid #fff;
		background-color: transparent;
		text-decoration: none;
		transition: .4s;
		border-radius: 15px;
		position: absolute;
		bottom: 25%;
		left: 45%
	}

	#small .btn {
		left: 35%
	}

	.btn:hover {
		background-color: transparent;
		color: #4d92d9;
		transition: 0s
	}

	.port-1 {
		float: left;
		width: 100%;
		position: relative;
		overflow: hidden;
		text-align: center
	}

	.port-1 .text-desc {
		opacity: .9;
		top: -110%;
		transition: 0s;
		color: #fff
	}

	.text-desc img {
		height: 30px;
		position: absolute;
		left: 0;
		top: 30px
	}

	.port-1 .text-desc {
		opacity: .9;
		top: -124%;
		transition: 0s;
		color: #fff
	}

	.port-1.effect-0:hover .text-desc {
		height: 90%;
		padding: 5%;
		top: -60px;
	}

	.port-1.effect-1:hover .text-desc {
		top: 0
	}

	.port-1.effect-2:hover .text-desc {
		bottom: 0
	}

	.port-1.effect-3 .text-desc {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		overflow: hidden;
		padding: 0
	}

	.port-1.effect-3:hover .text-desc {
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		padding: 45px 20px 20px
	}

	.page2-conter {
		width: 700px;
		margin: 42px auto 90px
	}

	.hx {
		margin-left: 68px;
		display: inline-block;
		width: 60px;
		height: 5px;
		background: #ff214f;
		margin-bottom: 20px
	}

	.page2-conter h3 {
		font-size: 32px;
		text-align: center;
		letter-spacing: .1em;
		margin-bottom: 40px
	}

	.page2-conter p {
		margin-bottom: 14px;
		font-size: 15px;
		color: #000;
		text-align: center
	}

	.page2-tx {
		text-align: right;
		font-size: 12px;
		color: #b4b4b4
	}

	.page2-tx span {
		color: #ff214f
	}

	.page3 {
		margin: 0 auto;
		width: 1023px;
		padding: 110px 0
	}

	.page3-ul li {
		float: left;
		width: 20%;
		text-align: center
	}

	.page3-ul li img {
		text-align: center;
		margin: 0 auto;
		width: 47px;
		margin-bottom: 29px
	}

	.page3-ul li p {
		color: #383837;
		margin-bottom: 15px;
		letter-spacing: 1px;
		font-size: 14px
	}

	.page3-ul li h3 {
		font-size: 20px;
		margin-bottom: 15px;
		color: #383837
	}

	.page4 {
		min-width: 100%
	}

	.page4 .fl {
		width: 45%
	}

	.page4 .fl img {
		width: 100%
	}

	.page4-intro {
		width: 50%;
		background: #f7f7f7;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.page4-intro h3 {
		font-size: 1.5rem;
		color: #232323;
		margin-bottom: 5%
	}

	.page4-intro p {
		width: 100%;
		font-size: 0.8rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 21px;
		letter-spacing: 2px;
		color: #696969;
		text-align: justify;
		margin-top: 4%
	}

	.page4-hx {
		margin-top: 10%;
		display: inline-block;
		width: 4px;
		height: 0.3px;
		background: #ff214f;
		margin-bottom: 5%;
		margin-left: 2px
	}

	.image-box {
		position: relative
	}

	.posiImg {
		position: absolute;
		bottom: 10px;
		left: 10px;
		overflow: hidden
	}

	.posiImg span {
		color: #fff;
		background: #000;
		padding: 5px 10px;
		font-size: 12px;
		float: left
	}

	.posiImg .cx {
		background: #3e53b7
	}

	.posiImg .dsj {
		background: #00a9da
	}

	.posiImg .qkl {
		background: #4f5b69
	}

	.posiImg .xwtj {
		background: #01c0a7
	}

	.posiImg .ds {
		background: #5f52a0
	}

	.zx_ul li {
		float: left;
		width: 40%;
		text-align: left;
	}

	.zx_ul li:nth-child(2n) {
		margin-right: 0;
		float: right
	}

	.zx_ul li h4 {
		margin: 10px 0
	}

	.page5-hx {
		margin-top: 3%;
		display: inline-block;
		width: 34px;
		height: 5px;
		background: #ff214f;
		margin-bottom: 11px;
		margin-left: 0
	}

	.index_box {
		width: 252px;
		height: 135px;
		overflow: hidden;
		margin: 10px 0
	}

	.index_box img {
		max-width: 252px;
		_width: expression(this.width>252 ? "252px":this.width)
	}

	.zx_ul_img p {
		color: #232323;
		margin-top: 28px
	}

	.zx_p p {
		color: #696969;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 60%;
		float: left;
	}

	.zx_ul_img p {
		font-size: 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.css_more {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.more_list {
		color: #696969;
		font-size: 14px;
		text-decoration: none;
		font-weight: normal
	}

	.zx_p:hover span,
	.zx_p:hover p,
	.zx_ul_img:hover p,
	.more_list:hover {
		color: #099acf;
		cursor: pointer
	}

	.zx_p {
		overflow: hidden;
	}

	.zx_p span {
		float: right;
		color: #696969;
		font-size: 14px;
	}

	.page5-h2 {
		text-align: center;
		margin: 8% auto 0;
		font-size: 32px;
	}

	.page5-h2p {
		color: #333;
		text-align: center;
		margin-top: 1%
	}

	.zx_ul {
		margin-top: 40px;
		margin-bottom: 80px;
	}

	.mobile-pages-img-bg {
		display: none;
	}

	.active-page4 {
		display: flex;
		align-items: center;
	}

	.page8{
		margin: 0 auto;
		width: 1427px;
	}
	.page8 .about-honor{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.page8 .about-honor-title{
		font-weight: 800;
		font-size: 38px;
		color: #252525;
		line-height: 56px;
	}
	.page8 .about-honor-sub-title{
		font-weight: 500;
		font-size: 20px;
		color: #696969;
		line-height: 28px;
		font-family: PingFangSC, PingFang SC;
		margin-top: 20px;
	}

	.page8 .honor-img{
		width: 100%;
		margin-top: 100px;
	}
	.page9 {
		margin: 0 auto;
		width: 1200px;
	}
	.page9 .about-kehu{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 50px;
		/* margin-bottom: 89px; */
	}
	.page9 .about-kehu-title{
		font-weight: 500;
		font-size: 38px;
		color: #252525;
		line-height: 56px;
	}
	.page9 .kehu-img{
		width: 100%;
		margin-top: 20px;
	}

}

@media screen and (max-width:1000px) {
	a {
		cursor: pointer
	}

	.video {
		padding: 0;
		margin: 0;
		width: 100%;
		object-position: 0 100%;
		object-fit: fill;
		overflow: hidden;
		position: relative
	}

	#big .big-0 {
		/* width: 1200px; */
		overflow: hidden;
		margin-bottom: 10px
	}

	.video video {
		object-fit: fill;
		width: 100%;
		height: 100%
	}

	.page1-img {
		text-align: center;
		margin: 0 auto
	}

	.page1-img img {
		text-align: center;
		margin: 0 auto;
		width: 70%;
		margin-top: 18%
	}

	.page1-icon {
		display: none;
		z-index: 2000;
		position: fixed;
		right: 3%;
		top: 47%
	}

	.posi-icon {
		position: absolute;
		right: 0;
		top: 80%
	}

	.posi-icon img {
		width: 60px;
		height: 60px;
		margin-bottom: 10px
	}

	.bask {
		padding: 10px;
		position: absolute;
		right: 70px;
		top: 55%
	}

	.bask-right {
		width: 0;
		height: 0;
		border-width: 15px 0 15px 15px;
		border-style: solid;
		border-color: transparent transparent transparent rgba(27, 27, 27, 0.6);
		position: absolute;
		right: -15px;
		top: 41%
	}

	.bask img:nth-child(1) {
		height: 48px;
		position: absolute;
		top: 6px;
		right: 0;
		display: none
	}

	.bask img:nth-child(2) {
		width: 120px;
		position: absolute;
		top: 46px;
		right: 0;
		display: none
	}

	#big .big-1 {
		width: 49.38%;
		overflow: hidden;
		margin-bottom: 10px
	}

	.page2 {
		margin-top: 100px
	}

	.big,
	.s1 {
		width: 100%
	}

	.big-2 {
		width: 32.56%;
		overflow: hidden;
		margin-right: 8px;
	}

	#small .big-2:nth-child(3) {
		margin-right: 0
	}

	.btn {
		display: inline-block;
		padding: 5px 30px;
		font-size: 14px;
		color: #fff;
		border: 1px solid #fff;
		background-color: transparent;
		text-decoration: none;
		transition: .4s;
		border-radius: 15px;
		position: absolute;
		bottom: 25%;
		left: 35%;
	}

	.btn1 {
		display: inline-block;
		padding: 5px 30px;
		font-size: 14px;
		color: #fff;
		border: 1px solid #fff;
		background-color: transparent;
		text-decoration: none;
		transition: .4s;
		border-radius: 15px;
		position: absolute;
		bottom: 25%;
		left: 42%
	}

	#small .btn {
		left: 30%
	}

	.btn:hover,
	.btn1:hover {
		background-color: transparent;
		color: #4d92d9;
		transition: 0s
	}



	.port-1 {
		float: left;
		width: 100%;
		position: relative;
		overflow: hidden;
		text-align: center
	}


	.page2-conter {
		margin: 42px auto 90px
	}

	.hx {
		margin-left: 68px;
		display: inline-block;
		width: 60px;
		height: 5px;
		background: #ff214f;
		margin-bottom: 20px
	}

	.page2-conter h3 {
		font-size: 32px;
		text-align: center;
		letter-spacing: .1em;
		margin-bottom: 40px
	}

	.page2-conter p {
		margin-bottom: 14px;
		font-size: 15px;
		color: #000;
		text-align: center
	}

	.page2-tx {
		text-align: right;
		font-size: 12px;
		color: #b4b4b4
	}

	.page2-tx span {
		color: #ff214f
	}

	.page3 {
		margin: 0 auto;
		width: 100%;
		padding: 110px 0
	}

	.page3-ul li {
		float: left;
		width: 20%;
		text-align: center
	}

	.page3-ul li img {
		text-align: center;
		margin: 0 auto;
		width: 47px;
		margin-bottom: 29px
	}

	.page3-ul li p {
		color: #383837;
		margin-bottom: 15px;
		letter-spacing: 1px;
		font-size: 14px
	}

	.page3-ul li h3 {
		font-size: 20px;
		margin-bottom: 15px;
		color: #383837
	}

	.page4 {
		width: 100%
	}

	.page4 .fr {
		width: 45%
	}

	.page4 .fr img {
		display: none;
	}

	.page4-intro {
		width: 50%;
		background: #f7f7f7;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.page4-intro h3 {
		font-size: 1.5rem;
		color: #232323;
		margin-bottom: 5%
	}

	.page4-intro p {
		width: 100%;
		font-size: 0.8rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 21px;
		letter-spacing: 2px;
		color: #696969;
		text-align: justify;
		margin-top: 4%
	}

	.active-page4 {
		display: flex;
		align-items: center;
	}

	.page4-hx {
		margin-top: 10%;
		display: inline-block;
		width: 4rem;
		height: 0.3rem;
		background: #ff214f;
		margin-bottom: 5%;
		margin-left: 2px
	}

	.image-box {
		position: relative
	}

	.posiImg {
		position: absolute;
		bottom: 10px;
		left: 10px;
		overflow: hidden
	}

	.posiImg span {
		color: #fff;
		background: #000;
		padding: 5px 10px;
		font-size: 12px;
		float: left
	}

	.posiImg .cx {
		background: #3e53b7
	}

	.posiImg .dsj {
		background: #00a9da
	}

	.posiImg .qkl {
		background: #4f5b69
	}

	.posiImg .xwtj {
		background: #01c0a7
	}

	.posiImg .ds {
		background: #5f52a0
	}

	.zx_ul li {
		float: left;
		width: 40%;
		text-align: left;
	}

	.zx_ul li:nth-child(2n) {
		margin-right: 0;
		float: right
	}

	.zx_ul li h4 {
		margin: 10px 0
	}

	.page5-hx {
		margin-top: 3%;
		display: inline-block;
		width: 34px;
		height: 5px;
		background: #ff214f;
		margin-bottom: 11px;
		margin-left: 0
	}

	.index_box {
		width: 252px;
		height: 135px;
		overflow: hidden;
		margin: 10px 0
	}

	.index_box img {
		max-width: 252px;
		_width: expression(this.width>252 ? "252px":this.width)
	}

	.zx_ul_img p {
		color: #232323;
		margin-top: 28px
	}

	.zx_p p {
		color: #696969;
		font-size: 14px;
		line-height: 38px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 60%;
		float: left;
	}

	.zx_ul_img p {
		font-size: 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.css_more {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.more_list {
		color: #696969;
		font-size: 14px;
		text-decoration: none;
		font-weight: normal
	}

	.zx_p:hover span,
	.zx_p:hover p,
	.zx_ul_img:hover p,
	.more_list:hover {
		color: #099acf;
		cursor: pointer
	}

	.zx_p {
		overflow: hidden;
	}

	.zx_p span {
		float: right;
		color: #696969;
		font-size: 14px;
	}

	.page5-h2 {
		text-align: center;
		margin: 8% auto 0;
		font-size: 32px;
	}

	.page5-h2p {
		color: #333;
		text-align: center;
		margin-top: 1%
	}

	.zx_ul {
		margin-top: 40px;
		margin-bottom: 160px;
	}

	.mobile-pages-img-bg {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 90%;
		background-image: url('../images/pexels-photo@2x.png');
	}
	.page8{
		margin: 0 auto;
		width: 100%;
	}
	.page8 .about-honor{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.page8 .about-honor-title{
		font-weight: 800;
		font-size: 38px;
		color: #252525;
		line-height: 56px;
	}
	.page8 .about-honor-sub-title{
		font-weight: 500;
		font-size: 20px;
		color: #696969;
		line-height: 28px;
		font-family: PingFangSC, PingFang SC;
		margin-top: 20px;
	}
	.page8 .honor-img{
		width: 100%;
		margin-top: 100px;
	}

	.page9 {
		margin: 0 auto;
		width: 100%;
	}
	.page9 .about-kehu{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 50px;
		/* margin-bottom: 89px; */
	}
	.page9 .about-kehu-title{
		font-weight: 500;
		font-size: 38px;
		color: #252525;
		line-height: 56px;
	}
	.page9 .kehu-img{
		width: 100%;
		margin-top: 20px;
	}
}