* { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; }
.layui-layer-page .layui-layer-content { padding: 10px; }
.swone { width: 100%; overflow: hidden; position: relative; }
.headdiv { width: 1400px; margin: auto; position: relative; height: 94px; }
.logoimg { display: block; margin-top: 10px; float: left;	/* height: 40px; */ }
.hvdiv { display: block; float: left;	/* margin-top: 33px;
		margin-left: 23px; */ margin-top: 37px; margin-left: 18px; font-size: 17px; }
	.hvpb { font-size: 12px; color: #6c706d; margin-top: 1px; }
	.hvsousuo { width: 360px; float: left; height: 38px; margin-top: 31px; border: 1px solid #aaaaaa; box-sizing: border-box; margin-left: 100px; display: none  }
	.hoinput { width: 303px; border: none; height: 100%; display: block; float: left; outline: none; text-indent: 23px; }
	.htbutton { border: none; height: 100%; width: 55px; background: #2c2c2d; outline: none; }
	.pgright { width: 252px; height: 50px; float: right; margin-top: 26px; }
	.phoneimg { display: block; float: left; margin-top: 12px; }
	.phdiv { width: 2px; height: 34px; background: #f1f1f1; float: left; margin-right: 12px; margin-left: 12px; margin-top: 8px; }
	.pva { font-size: 15px; float: left; color: #acadad; font-weight: bold; }
	.pvb { font-size: 15px; float: left; margin-top: 1px; font-weight: bold; color: #2d2d2e }
	.hvcddiv { width: 100%; height: 41px; margin: auto; border-top: 1px solid #ececec; box-sizing: border-box; position: relative; }
	.hvcenter { width: 1400px; margin: auto; position: absolute; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); z-index: 2; }
	.hva { width: 11.111%;	/* width: 12.5%; */ float: left; text-align: center; line-height: 41px; box-sizing: border-box; font-size: 14px; height: 41px; overflow: hidden; }
	.hbb { display: none; }
	.hvaa { color: #2b2b2c; width: 100%; height: 41px; display: block; border-left: 0.5px #f1f1f1 solid; border-right: 0.5px #f1f1f1 solid; font-weight: bold; }
	.hvaaa { color: #a0a0a0; width: 100%; height: 35px; display: block; background: white; font-size: 12px; line-height: 35px; box-sizing: border-box; }
	.hvaaa:hover { color: #f4a91c; }
	.hvaimg {	/* display: block; */
	margin: auto; margin-top: 10px; height: 20px; }
	.ssimg { width: 100%; }
	.svimg { display: block; height: 100%; width: 100%; object-fit: cover; margin: auto; transition: 1.5s; }
	.hva:hover { background: #f4a91c; overflow: inherit; }
	.hva:hover .hvaa { color: white; }
	.hvaaadiv { padding: 5px 0px; background: white; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 7px 10px 0px #5b5b5b; }
	.hva:hover .hba { display: none; }
	.hva:hover .hbb { display: block; }
	.myform { width: 100%; height: 100%; }
	.mobilepl { display: none; }
	.mobilepl a { text-indent: 2em; }

	/* 视频 */
	.video_case { width: 100%; height: 45vw; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; background: rgba(0, 0, 0, 0.3); display: none; }
	.main_video { width: 81%; height: 100%; margin: 0 auto; }
	.video-one { width: 100%; height: 100%; }
	.btn_video { position: absolute; top: 4%; right: 4%; cursor: pointer; width: 28px; height: 28px; color: white; font-size: 28px; }

	/* 视频 */
	@media screen and (max-width:1464px) {
		.headdiv { width: 96%; }
		.hvsousuo { margin-left: 100px; }
		.hvcenter { width: 90%; }
		.hvsousuo { width: 307px; }
		.hoinput { width: 250px; }
	}
	@media screen and (max-width:1400px) {
		.hvsousuo { margin-left: 50px; }
	}
	@media screen and (max-width:1350px) {
		.hvsousuo { margin-left: 50px; width: 267px; }
		.hoinput { width: 210px; }
	}
	@media screen and (max-width:1300px) {
		.hvsousuo { margin-left: 40px; width: 237px; }
		.hoinput { width: 180px; }
	}
	@media screen and (max-width:1270px) {
		.headdiv { width: 98%; }
	}
	@media screen and (max-width:1247px) {
		.hvsousuo { display: none }
	}
	@media screen and (max-width:980px) {
		.hvdiv { display: none }
	}
	@media screen and (max-width:768px) {
		.hvaa { font-size: 12px; }
		.hvcenter { width: 100%; }
		.headdiv { width: 98%; }
		.hvdiv { margin-left: 15px; display: none; }
		.pgright { width: 202px; }
		.pvb { font-size: 15px; margin-top: 5px; }
	}
	.computerdiv { display: block !important; }
	.mobilediv { display: none !important; }
	@media screen and (max-width:450px) {
		.computerdiv { display: none !important; }
		.mobilediv { display: block !important; }
	}

	/* biaoti */
	.jadiv { overflow: hidden; display: inline-block; position: relative; left: 50%; transform: translate(-50%, 0%); margin-top: 73px; margin-bottom: 73px; }
	.jvimg { display: block; float: left; margin-top: 24px; }
	.jgp { width: auto; display: block; float: left; margin: 0 15px; }
	.jgpa { font-size: 30px; display: block;	/* font-weight: bold; */ text-align: center; color: #2b2b2c; }
	.jgpb { font-size: 14px; color: #a0a0a0; text-align: center; width: 100%; display: block; margin-top: 2px; }
	@media screen and (max-width:1024px) {
		.jvimg { width: 240px; }
	}
	@media screen and (max-width:768px) {
		.jvimg { width: 120px; }
	}
	@media screen and (max-width:450px) {
		.jvimg { display: none; }
		.jgpa { font-size: 20px; font-weight: bold; }
		.jadiv { margin-top: 30px; margin-bottom: 30px; }
	}

	/* biaoti */

	/* five */
	.inda_nr li { float: left; width: 16.6%; margin: 0 1.7%; text-align: center; cursor: pointer; height: 330px; background: #f2f2f2; border-radius: 7px; }
	.inda_pic { -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; margin-top: 35px; }
	.inda_nr li:hover .inda_pic { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
	.inda_mc { color: #2c282c; font-size: 18px; font-weight: bold; margin-top: 26px; }
	.fivediv { overflow: hidden; width: 1420px; margin: auto; margin-bottom: 80px; }
	.inda_nr { overflow: hidden; position: relative; }
	.icp { font-size: 14px; color: #a0a0a0; line-height: 22px; margin-top: 18px; }
	.icpyellow { width: 15px; height: 3px; background: #f4a91c; display: block; margin: auto; margin-top: 22px; }
	@media screen and (max-width:1464px) {
		.fivediv { width: 93%; }
	}
	@media screen and (max-width:768px) {
		.inda_nr li { width: 19.4%; margin: 0 0.3%; height: 270px; }
		.inda_pic img { width: 45%; }
		.icp { font-size: 13px; }
	}
	@media screen and (max-width:450px) {
		.inda_nr li { width: 48%; margin: 0 1%; margin-bottom: 7px; height: 270px; }
		.inda_nr li:nth-child(5) { width: 100%; height: 290px; }
		.inda_nr li:nth-child(5) .inda_pic img { width: 22%; }
		.inda_pic { margin-top: 30px; }
		.inda_mc { margin-top: 20px; }
		.fivediv { margin-bottom: 30px; }
	}
	@media screen and (max-width:360px) {
		.inda_nr li { height: 245px; }
		.inda_nr li:nth-child(5) { height: 260px; }
	}

	/* five */

	/* shouce */
	.shoucediv { width: 100%; height: 414px; position: relative; overflow: hidden; }
	.svp { color: white; }
	.svpspan { font-size: 38px; }
	.snspan { font-size: 18px; }
	.snp { font-size: 22px; color: white; display: block; margin-top: 20px; margin-bottom: 43px; }
	.spa { font-size: 18px; color: white; width: 111px; height: 35px; background: #fc9706; display: block; text-align: center; line-height: 35px; border-radius: 5px; }
	.scdiv { display: inline-block; float: right; margin-top: 119px; margin-right: 23.55%; }
	.ssimgs { display: block; float: left; height: 365px; position: absolute; bottom: -7px; left: 26.8%; }
	@media screen and (max-width:1600px) {
		.ssimgs { left: 20%; }
		.scdiv { margin-right: 20%; }
	}
	@media screen and (max-width:1400px) {
		.ssimgs { left: 17%; }
		.scdiv { margin-right: 17%; }
	}
	@media screen and (max-width:1200px) {
		.ssimgs { left: 15%; }
		.scdiv { margin-right: 15%; }
	}
	@media screen and (max-width:1024px) {
		.ssimgs { left: 10%; }
		.scdiv { margin-right: 10%; }
	}
	@media screen and (max-width:768px) {
		.ssimgs { left: 3%; }
		.scdiv { margin-right: 3%; }
	}
	@media screen and (max-width:450px) {
		.svpspan { font-size: 20px; }
		.snp { font-size: 16px; margin-top: 15px; margin-bottom: 18px; }
		.ssimgs { left: 35%; height: auto; width: 60%; }
		.scdiv { margin-top: 30px; margin-right: 27%; }
	}
	@media screen and (max-width:375px) {
		.shoucediv { height: 390px; }
		.shoucediv { height: 380px; }
		.shoucediv { height: 380px; }
		.scdiv { margin-right: 19%; }
	}
	@media screen and (max-width:360px) {
		.shoucediv { height: 375px; }
		.scdiv { margin-right: 15%; }
	}
	@media screen and (max-width:320px) {
		.shoucediv { height: 355px; }
		.scdiv { margin-right: 7%; }
	}

	/* shouce */

	/* shipin */
	.svthree { width: 1464px; position: relative; margin: auto; }
	.sediv { width: 29%; float: left; position: relative; margin: 0 2.165%; cursor: pointer; }
	.svthreediv { width: 100%; height: 300px; position: relative; border-radius: 5px; overflow: hidden; }
	.svpbottom { font-size: 16px; width: 100%; margin-top: 20px; text-align: center; font-weight: bold; }
	.sgbofang { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.shipindiv { overflow: hidden; padding-bottom: 78px; }
	@media screen and (max-width:1464px) {
		.svthree { width: 90%; }
	}
	@media screen and (max-width:768px) {
		.svthreediv { height: 220px; }
	}
	@media screen and (max-width:450px) {
		.sediv { width: 48%; margin: 0 1%; margin-bottom: 17px; }
		.svthreediv { height: 150px; }
		.svpbottom { font-size: 15px; margin-top: 15px; }
		.shipindiv { padding-bottom: 10px; }
	}

	/* shipin */

	/* zhiliang */
	.zhiliangdiv { background: #f5f5f5; position: relative; padding-bottom: 144px; }
	.swiperzhiliang { width: 1415px; margin: auto; overflow: hidden; position: relative; }
	.swiperzhiliang-pagination { bottom: 26px !important; left: 50%; transform: translate(-50%, 0%); padding-bottom: 45px; }
	.swiperzhiliang-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: #e2e2e2; opacity: 1; margin: 0 6px; top: -9px; }
	.swiperzhiliang-pagination .swiper-pagination-bullet-active { width: 32px; height: 32px; background: none; border: 1px solid #f4a91c; border-radius: 50%; position: relative; }
	.swiperzhiliang-pagination .swiper-pagination-bullet-active:after { content: '.'; width: 15px; height: 15px; background: #f4a91c; border-radius: 50%; position: relative; display: block; color: #f4a91c; line-height: 15px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.swiperzhiliangs { width: 1415px; margin: auto; overflow: hidden; position: relative; }
	.swiperzhiliangs-pagination { bottom: 26px !important; left: 50%; transform: translate(-50%, 0%); }
	.swiperzhiliangs-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: #e2e2e2; opacity: 1; margin: 0 6px; top: -9px; }
	.swiperzhiliangs-pagination .swiper-pagination-bullet-active { width: 32px; height: 32px; background: none; border: 1px solid #f4a91c; border-radius: 50%; position: relative; }
	.swiperzhiliangs-pagination .swiper-pagination-bullet-active:after { content: '.'; width: 15px; height: 15px; background: #f4a91c; border-radius: 50%; position: relative; display: block; color: #f4a91c; line-height: 15px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	@media screen and (max-width:1464px) {
		.swiperzhiliang { width: 90%; }
		.swiperzhiliangs { width: 90%; }
	}
	@media screen and (max-width:450px) {
		.swiperzhiliangs-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px; top: 0px; }
		.swiperzhiliangs-pagination .swiper-pagination-bullet-active:after { width: 10px; height: 10px; line-height: 10px; top: 5px; }
		.zhiliangdiv { padding-bottom: 70px; }
	}

	/* zhiliang */

	/* hzkh */
	.hzkhdiv { width: 1360px; position: relative; margin: auto; overflow: hidden; }
	.hvdivs { width: 11.17%; margin: 0 0.665%;	/* height: 72px; */ box-sizing: border-box; border: 1px solid #e2e2e2; margin-bottom: 21px; float: left; }
	.hvimg { width: 100%;	/* height: 100%; */ display: block; margin: auto;	/* top: 50%; */ position: relative;	/* transform: translate(0%, -50%); */ }
	.gdkh { width: 125px; background: #f4a91c; height: 40px; display: block; margin: auto; color: white; text-align: center; line-height: 40px; margin-top: 73px; margin-bottom: 59px; }
	@media screen and (max-width:1464px) {
		.hzkhdiv { width: 90%; }
	}
	@media screen and (max-width:450px) {
		.hvdivs { width: 23%; margin: 0 1%;		/* height: 48px; */ margin-top: 7px; }
		.hvimg { max-width: 100%; }
		.gdkh { margin-top: 30px; margin-bottom: 30px; }
		.fga { display: block; }
	}
	@media screen and (max-width:320px) {
		.hvdivs {		/* height: 42px; */ }
	}

	/* hzkh */

	/* formdiv */
	.formdiv { width: 100%; height: 278px; position: relative; background: #f4a91c; }
	.fvdiv { width: 1380px; height: 100%; position: absolute; margin: auto; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); }
	.fvimg { display: block; float: left; position: relative; margin-top: 46px; margin-right: 50px; }
	.fvinput { width: 100%; height: 53px; border: 1px solid #dd9104; box-sizing: border-box; outline: none; margin-bottom: 14px; font-size: 16px;	/* color: #cdcbcb; */ color: black; text-indent: 17px; line-height: 53px; }
	.fgdiv { display: block; float: right; width: 453px; margin-top: 57px; }
	.fvbutton { width: 125px; height: 45px; position: relative; outline: none; border: none; }
	.fnimg { width: 100%; height: 100%; }
	@media screen and (max-width:1464px) {
		.fvdiv { width: 90%; }
		.fgdiv { width: 390px; }
		.fvimg { margin-right: 30px; }
	}
	@media screen and (max-width:1400px) {
		.fvdiv { width: 95%; }
	}
	@media screen and (max-width:1330px) {
		.fvdiv { width: 95%; }
		.fgdiv { width: 330px; }
	}
	@media screen and (max-width:1265px) {
		.fgdiv { width: 290px; }
	}
	@media screen and (max-width:1223px) {
		.fgdiv { width: 268px; }
	}
	@media screen and (max-width:1024px) {
		.fga { display: none; }
	}
	@media screen and (max-width:768px) {
		.fvimg { height: 142px; }
		.fgdiv { width: 240px; }
		.fvinput { height: 35px; }
		.fvbutton { width: 94.44px; height: 34px; }
		.formdiv { height: 239px; }
	}
	@media screen and (max-width:450px) {
		.fvdiv { padding-top: 15px; }
		.fga { display: block; width: 93.6%; height: auto; }
		.fvimg { left: 50%; transform: translate(-50%, 0%); margin-top: 10px; }
		.fgdiv { width: 93.6%; margin-top: 48px; float: left; margin-left: 50%; transform: translate(-50%, 0%); }
		.formdiv { height: 451px; }
		.fvinput { height: 35px; }
		.fvimg { margin-right: 0px; }
	}
	@media screen and (max-width:375px) {
		.formdiv { height: 440px; }
	}
	@media screen and (max-width:320px) {
		.formdiv { height: 410px; }
	}

	/* formdiv */

	/* newdiv */
	.threecate { width: 519px; height: 54px; position: relative; margin: auto; margin-bottom: 44px; }
	.tea { width: 29.48%; margin: 0 1.925%; height: 54px; background: white; display: block; float: left; text-align: center; font-size: 18px; color: black; line-height: 54px; cursor: pointer; }
	.taactive { background: #f4a91c; color: white; }
	.ntaa { z-index: 2; }
	.ntab { z-index: 1; }
	.ntac { z-index: 1; }
	.newlist { width: 1443px; position: absolute; margin: auto; overflow: hidden; left: 50%; transform: translate(-50%, 0%); }
	.ntdiv { width: 30.2%; margin: 0 1.565%; position: relative; float: left; background: white; padding-bottom: 30px; }
	.nvimg { width: 100%; height: 276px; position: relative; overflow: hidden; }
	.nvimg:hover .svimg { transform: scale(1.4); }
	.ngbottom { width: 85.8%; margin-left: 7.1%; margin-top: 33px; }
	.ngbottom:hover .nmpa { color: #f4a91c; }
	.nmpa { font-size: 16px; color: #2b2b2c; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.nmpb { font-size: 14px; color: #a0a0a0; display: block; margin-top: 6px; margin-bottom: 13px; }
	.nmpcontent { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	.nmpcontent p { font-size: 12px; color: #a0a0a0; line-height: 24px; }
	.newdiv { overflow: hidden; background: #f5f5f5; position: relative; height: 1023px; }
	#toTopqa { display: block; position: fixed; bottom: 345px; right: 1.1%; cursor: pointer; z-index: 2; }
	@media screen and (max-width:1464px) {
		.newlist { width: 90%; }
	}
	@media screen and (max-width:768px) {
		.nvimg { height: 230px; }
	}
	@media screen and (max-width:450px) {
		.threecate { width: 90%; margin-bottom: 22px; }
		.tea { font-size: 15px; height: 45px; line-height: 45px; }
		.ntdiv { width: 98%; margin: 0 1%; margin-bottom: 22px; padding-bottom: 15px; background: whitesmoke; }
		.nvimg { height: 140px; }
		#toTopqa { bottom: 200px; width: 40px; }
		.newdiv { height: 850px; }
		.ngbottom { margin-top: 17px; }
		.sga { width: 48%; margin: 0 1%; display: block; float: left; background: white; margin-bottom: 10px; padding-bottom: 16px; }
		.nmpa { font-size: 15px; }
		.nmpb { font-size: 14px; }
	}

	/* newdiv */

	/* foot */
	.footdiv { background: #222222; width: 100%; height: 331px; position: relative; }
	.fvdivs { width: 1400px; height: 100%; margin: auto; position: relative; }
	.fsdiv { width: auto; height: 229px; padding: 0 60px; border-right: 1px solid #484848; float: left; margin-top: 34px; }
	.fvbt { font-size: 14px; color: white; margin-bottom: 14px; }
	.fta { color: #818181; font-size: 12px; display: block; line-height: 21px; }
	.fvcenter { float: left; font-size: 12px; line-height: 30px; margin-top: 43px; margin-left: 47px; }
	.fvcenter a { color: #a0a0a0; display: block; }
	.tongyi { float: right; padding-left: 30px; border-left: 1px solid #484848; margin-top: 40px; }
	.tip { font-size: 14px; color: white; display: block; margin-top: 14px; }
	.tipp { color: #f4a91c !important; font-size: 22px; display: block; margin-top: 5px; margin-bottom: 19px; }
	.tga { margin-right: 29px; }
	.ftspans { display: none; float: right; font-size: 23px; }
	@media screen and (max-width:1464px) {
		.fvdivs { width: 90%; }
		.fsdiv { padding: 0 40px; }
	}
	@media screen and (max-width:1360px) {
		.fsdiv { padding: 0 30px; }
		.fvcenter { margin-left: 30px; }
	}
	@media screen and (max-width:1270px) {
		.fvdivs { width: 95%; }
	}
	@media screen and (max-width:1024px) {
		.fsdiv { padding: 0 20px; }
		.fvcenter { width: 310px; }
	}
	@media screen and (max-width:768px) {
		.fvdivs { width: 98%; }
		.fvcenter { margin-left: 20px; }
		.tga { margin-right: 10px; }
		.tipp { font-size: 17px; }
		.tvimg { height: 100px; }
		.fsdiv { padding: 0 15px; }
		.fvcenter { width: 200px; }
	}
	@media screen and (max-width:450px) {
		.frps { overflow: hidden; }
		.fsleft { float: left; }
		.fsright { float: left; }
		.fsdiv { padding: 0; width: 90%; border: none; margin-left: 5%; height: 43px; overflow: hidden; margin-top: 0px; }
		.fvbt { border-bottom: 1px solid #c4c4c4; line-height: 42px; }
		.fsdiv:hover { height: auto; }
		.footdiv { padding-top: 15px; height: auto; overflow: hidden; padding-bottom: 30px; }
		.fvcenter { width: 90%; margin-top: 20px; margin-left: 5%; }
		.fvcenter a { line-height: 24px; margin-top: 3px; }
		.tvimg { height: auto; float: right; height: 105px; margin-right: 13%; }
		.tga { float: left; margin-left: 13%; margin-right: 0%; }
		.tongyi { padding-left: 0px; border: none; width: 90%; margin-left: 5%; float: left; margin-top: 3px; }
		.ftspans { display: block; }
		.tip { float: left; margin-top: 0px; }
		.tipp { float: left; margin-bottom: 0px; margin-top: 16px; }
		.tipdiv { margin-top: 25px; }
	}

	/* foot */

	/* page */
	.current { width: 40px; height: 40px; background: #f4a91c; display: block; border-radius: 50%; float: left; text-align: center; line-height: 40px; color: white; font-size: 16px; margin: 0 3px; }
	.num { width: 40px; height: 40px; background: white; display: block; border-radius: 50%; float: left; text-align: center; line-height: 40px; color: #9a9a9a; font-size: 16px; border: 1px solid #e7e7e7; box-sizing: border-box; margin: 0 3px; }
	.next { width: 40px; height: 40px; display: block; border-radius: 50%; float: left; text-align: center; line-height: 40px; color: #9a9a9a; font-size: 16px; margin-left: 23px; }
	.prev { width: 40px; height: 40px; display: block; border-radius: 50%; float: left; text-align: center; line-height: 40px; color: #9a9a9a; font-size: 16px; margin-right: 23px; }
	.pagediv { overflow: hidden; display: block; position: relative; margin-top: 149px; width: 100%; height: 40px; margin-bottom: 71px; }
	.pagediv div { overflow: hidden; position: absolute; margin-left: 50%; transform: translate(-50%, 0%); }
	.artpagediv { overflow: hidden; display: block; position: relative; padding-top: 67px; width: 100%; height: 40px; padding-bottom: 88px; background: white; }
	.artpagediv div { overflow: hidden; position: absolute; margin-left: 50%; transform: translate(-50%, 0%); }
	.videopagediv { overflow: hidden; display: block; position: relative; padding-top: 51px; width: 100%; height: 40px; margin-bottom: 61px; }
	.videopagediv div { overflow: hidden; position: absolute; margin-left: 50%; transform: translate(-50%, 0%); }
	@media screen and (max-width:450px) {
		.artpagediv { padding-top: 34px; padding-bottom: 34px; }
		.current { font-size: 13px; width: 28px; height: 28px; line-height: 28px; }
		.num { font-size: 13px; width: 28px; height: 28px; line-height: 28px; }
		.next { width: 28px; height: 28px; margin-left: 3px; }
		.prev { width: 28px; height: 28px; margin-right: 3px; }
		.next img { width: 100%; height: 100%; }
		.prev img { width: 100%; height: 100%; }
		.num { margin: 0 2px; }
		.current { margin: 0 2px; }
		.pagediv { margin-top: 36px; margin-bottom: 36px; }
		.videopagediv { padding-top: 26px; margin-bottom: 26px; }
		.pagediv div {
		    margin-left: 50%;
		    width: 70%;
		}

		

	}



	/* page */