blockquote,body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,legend,p,pre,td,textarea,th {
	margin:0;
	padding:0
}
body,button,input,select,textarea {
	font:12px/1.5 微软雅黑,arial,Hiragino Sans GB,宋体,sans-serif
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%
}

*{margin:0; padding:0; list-style:none; }
body{ background:#fff; width:100%; max-width:1920px; margin: 0 auto;}
img{ border:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#333;}
.m1200{width:90%; margin:0 auto; overflow:hidden;}

/****最新banner样式2024-6-2  开始***/
.header{width: 100%; overflow: auto; height: 910px; max-width: 1920px; overflow:hidden}
.box{width: 100%; max-width: 1920px;height: 910px;overflow: hidden;position: absolute;}
.box-1,.box-1 ul{width: 100%;max-width: 1920px; margin: 0 auto;}
.box-1 ul li{width: 100%;height: 100%;position: relative;overflow: hidden;}

.box-2{position: absolute;right: 20px;bottom: 20px;}
.box-2 ul li{float:left;width: 18px;height: 18px;overflow: hidden; margin: 0 5px; border-radius: 50%;background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}

video{object-fit:cover;vertical-align: baseline;width: 100%; height:910px;}

/****最新banner样式2024-6-2  结束***/


.mp{width: 100%; overflow: hidden;}

.top{width:100%; height:110px; overflow:hidden; position:relative;}
.top .logo{width:15%; height:90px; margin-top: 10px; margin-left: 1%; overflow:hidden; float:left;}
.top .logo img {width: 100%; }

.top .nav li{ width:17%; float:left; text-align:center; margin-left: 2%; margin-top: 10px;}
.top .nav li a{ display:block;color:#000; height:100%;}
.top .nav li a:hover,.nav li.on a{color:#000;border-bottom: 2px solid #FF0000;}

.cn{width:50px; overflow: hidden; text-align: center; float:right; font-size: 18px; margin-top: 32px; margin-right:1%; cursor: pointer;}
.cn1{color: #000}
.cn2{overflow:hidden;display: none;padding-bottom: 8px;}

.so{width: 14%;margin: 0 auto; height: 60px; padding-top: 14px;float:left; display: flex;justify-content: right;align-items: center;}

.container {position: relative;}
.container input[type="checkbox"] {display: none;}
.container label {display: inline-block;height: 30px;width: 30px;text-align: center;line-height: 30px;font-size: 24px;position: absolute;top: 0;left: 0;}
.container label img{width:25px;}
.container input[type="text"] {font-size: 16px;height: 0px;width: 0px;background:#fff;padding: 0;transition: all .3s ease;padding: 0 5px;border: 0;}
.container input[type="text"]:focus {outline: none;}
.container input[type="checkbox"]:checked + input {margin-left: 30px;width: 90%;height: 28px; line-height: 28px; border-radius: 5px;}

.pages{padding-left: 0;margin: 20px 0;text-align: center;list-style: none;margin-bottom:30px; overflow:hidden; font-size: 16px;}
.pagination{display: table;
	margin: 0 auto;
	text-align: center;
	padding: 0; }
.pagination li{float:left;padding: 6px 8px;border: solid 1px #000;margin: 0 5px;background:#000;color: #fff;border-radius: 6px;list-style-type: none;}
.pagination span{}
.pagination li.active{background: #fff;color: #000;}
.pagination li a{color: #fff;}
/*.search input{border: 1px solid #ccc;font-size: 16px;}*/
/*.search input.s{line-height:30px;width: 170px; padding-left: 28px;background:url(sousuo.png) 5px no-repeat; }*/
/*.search input.b{line-height:32px; width:60px; text-align:center;background-color:#d7000f; color: #fff;margin-left: -5px; border: 0}*/

.banner{position:absolute;left:0; top:0px; width:100%;height:910px;}
.banner ul{ height:100% !important; width:100% !important;}
.banner li{height:100% !important; width:100% !important; }
.banner .prev,.banner .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:0px; left:20px;background:url(icons.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.banner .next{ left:auto; right:30px; background-position:-51px 0; }
.banner .prev:hover, .banner .next:hover{ filter:alpha(opacity=100);opacity:1; }
.banner .playState{ display:block; position:absolute; z-index:1; right:30px; top:50%; margin-top:-20px; width:51px; height:51px; overflow:hidden;background:url(icons.png) 23px -132px #000 no-repeat; filter:alpha(opacity=60);opacity:0.6;}
.banner .pauseState{ background-position:23px -201px; }
.banner .playState:hover{ filter:alpha(opacity=100);opacity:1;}

.videodiv{position:absolute;left:0; top:0px; width:100%; overflow: hidden}

/*.sytu{width:100%; margin-top:700px; z-index:-1;}*/
.sytu{width:100%; z-index:-1; background:url(ss1.jpg) center center no-repeat; overflow:hidden; background-size:cover;}
.sytu .txt{width:80%; margin:0 auto; margin-top:200px; margin-bottom:200px; font-size:3.4rem; font-weight:510; line-height:5.7rem;}
.sytu .txt a{color:#000; border-bottom:6px solid #57adf8}

.sytu img{width: 100%}

.syanli{width:100%; overflow:hidden; z-index:-1; margin-top:20px;}
.syanli .more{width: 465px; line-height: 80px; margin: 0 auto; font-size: 26px; text-align: center; margin-top: 50px; margin-bottom: 50px; border: 1px solid #ccc}

.syanli .more:hover{width: 465px; line-height: 80px; margin: 0 auto; font-size: 26px; text-align: center; margin-top: 50px; margin-bottom: 50px; background-color: #2b2b2b;transition: background-color 0.5s; }
.syanli .more:hover a{ color: #fff}


.syhang{width: 96%; margin:0 auto; overflow:hidden;}
.syhang .hang_l{width: 600px; overflow: hidden;float: left; font-size: 68px; font-weight: bold}

.syhang .hang_r{width:140px; height: 50px; overflow:hidden;float: right; margin-top: 30px;}
.syhang .hang_r h3{ font-size: 18px; font-weight: lighter}
.syhang .hang_r p{font-size: 14px;}

 
/* 鼠标移入时的变化 */
.syanli ul li:hover img, .sywork ul li:hover img, .sykehu ul li:hover img, .aboutu_zs ul li:hover img, .synews ul li:hover img{
    transform: scale(1.1); /* 放大比例为原来的1.2倍 */
	overflow: hidden;
}

.sywork{width:100%; overflow:hidden; z-index:-1; margin-top:30px; background: #000; color: #fff; padding-top: 20px;}

.syhang1{width: 96%; margin:0 auto; overflow:hidden;}
.syhang1 .hang_r{width: 500px; overflow: hidden;float: right; font-size: 60px; font-weight: bold}

.syhang1 .hang_l{width:140px; height: 50px; overflow:hidden;float: left; margin-top: 30px;}
.syhang1 .hang_l h3{ font-size: 18px; font-weight: lighter}
.syhang1 .hang_l p{font-size: 14px;}

.sykehu{width:100%; overflow:hidden; z-index:-1; padding-top:70px; background: #f3f5f6}
.sykehu .ab_l{width:750px; margin:0 auto; text-align:center; overflow:hidden; color:#000; margin-bottom: 20px;} /*rgb(102, 102, 102)*/
.sykehu .ab_l h3{font-size:50px; font-weight:inherit}
.sykehu .ab_l p{width:600px; margin:0 auto; margin-top:20px; font-size: 18px; }/*border-bottom:2px solid #000*/

.synews{width:100%; overflow:hidden; margin-top:30px; margin-bottom: 40px;}
.synews .dd{width:230px; margin:0 auto; border: 1px solid #888; font-size: 30px; line-height: 60px; text-align: center}
.synews .dd a{color: #888}

.synews .news{width:100%; overflow:hidden; margin-top:50px; margin-bottom:30px;}
/*.synews .news ul{width:100%; overflow:hidden;}*/
/*.synews .news ul li:nth-child(3n){margin-right: 0;}*/
.synews .news ul li .img{height: 430px;-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;position: relative; overflow: hidden; margin-bottom: 10px;}
.synews .news ul li .tit{width: 100%; font-size: 18px;line-height: 40px;}
.synews .news ul li .info,.synews .news ul li .time{width: 100%; font-size: 14px; color: #999999; line-height: 25px; }


.synews .masonry {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari 和 Chrome */
	column-count:3;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	width: 100%;
	margin:2em auto;
}
.synews .masonry li {width:100%;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	color: #fff;position: relative; overflow: hidden;;
}
.synews .masonry li img{width:100%}
.synews ul li img{
	object-fit: cover;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease; /* 添加过渡效果 */
	top: 0;
	left: 0;
}


.hang{width: 90%; margin:0 auto; overflow:hidden;}
.hang .hang_l{width: 50px; height: 50px; overflow: hidden;float: left;}
.hang .hang_l img{width: 80%;}
.hang .hang_c{width: 200px; height: 50px; margin-left: 35%; text-align: center;float: left;font-size: 18px;}
.hang .hang_r{width:120px; height: 50px; overflow:hidden;float: right;}
.hang .hang_r h3{ font-size: 18px;}
.hang .hang_r p{font-size: 14px;}

.links{width: 90%; margin: 0 auto; overflow: hidden;margin-top:30px; margin-bottom: 50px; font-size: 16px;}
.links .tit{width: 130px; line-height: 60px; font-size: 28px; border-bottom: 2px solid #ccc; margin-bottom: 30px;color: #888}
.links ul {width: 99%; overflow: hidden; border: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; min-height: 50px;}
.links ul li{width: 10%; margin-right: 1%; float: left; text-align: center; line-height: 35px;}
/*.links ul li:nth-child(6n){margin-right: 0;}*/

@media screen and (min-width: 1441px) {
	.top .nav{width:59%; line-height:70px; color:#555; overflow:hidden; float:left; font-size:26px; margin-left:5%;}
	/*.about{width:100%; height:790px; overflow: hidden; margin-top:780px; z-index:-1;}*/
	.about{width:100%; height:790px; overflow: hidden; z-index:-1; margin-top: 20px;}
	.about .abc_l{width:50%; overflow:hidden; float:left; margin-left:40px; margin-top:40px;}
	.about .abc_l .t{width:auto; height: auto; overflow:hidden;}
	.about .abc_l .t img{width:100%;}
	.about .abc_l p{ color:#000}
	.about .abc_l p.p1{font-size:28px; margin-top:40px; line-height: 45px;}
	.about .abc_l p.p2{font-size:20px; margin-top:35px; line-height: 35px;}
	.about .abc_l p.p3{font-size:16px; margin-top:35px; line-height: 30px;color:#666666}

	.about .abc_l span{font-size:14px; margin-top:40px; color:rgb(163, 163, 163); display:block;}
	.about .abc_l dd{width:170px; height:60px; line-height:60px; text-align:center; background:#2b2b2b;font-size:24px; margin-top:50px;}
	.about .abc_l dd a{ color:#fff;}

	.about .abc_r{width:40%; overflow:hidden; float:right; margin-top:45px;}
	.about .abc_r img{width:100%;}

	.aboutu_zs ul li{width:11.3%; height:16.5rem; overflow: hidden; float:left; margin-right:1%; margin-bottom:30px; position: relative;background: #fff}

	.footer{width:100%; background:url(fbg.jpg) 0 0 no-repeat; background-size:100% 100%; height:662px; z-index:-1; overflow:hidden; padding-top:50px;}
	.footer .fool{width:200px; overflow:hidden; float:left; margin-top: 100px;}
	.footer .fool ul{width:100%; overflow:hidden;}
	.footer .fool ul li{width:100%; line-height:60px; overflow:hidden; font-size:30px;}
	.footer .fool ul li a{color:#fff}


	.footer .fooc{width:46%; overflow:hidden; float:left; margin-left:5%; margin-top:80px; color:#fff;}

	.footer .fooc .fooct{width:100%; overflow:hidden;}
	.footer .fooc .fooct .fooc1{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc1 img{width: 90%;}

	.footer .fooc .fooct .fooc2{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc2 .fooc21{width:100%; overflow:hidden; color: #ca1a48; font-size: 14px;}
	.footer .fooc .fooct .fooc2 .fooc22{width:100%; overflow:hidden; font-size: 16px; line-height: 25px;}
	.footer .fooc .fooct .fooc2 .fooctsize{font-size: 14px; margin-top: 10px;}

	.footer .fooc .foocb{width:100%; overflow:hidden; margin-top: 30px;}
	.footer .fooc .foocb img{width: 80%}

	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 100px;}
	.footer .foor .foor1{width:100%; overflow:hidden;}
	.footer .foor .foor1l{width:30%; overflow:hidden; float:left; margin-left: 8px;}
	.footer .foor .foor1l img{width:80%}

	.footer .foor .foor2{width:100%; overflow:hidden; margin-top:40px; }
	.footer .foor .foor2 img{width: 100%}

	.footer .txt{width:1200px; margin:0 auto; text-align:center; color:#fff; margin-top:40px;}

	.syanli .masonry {
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Safari 和 Chrome */
		column-count:3;
		-moz-column-gap: 0.5em;
		-webkit-column-gap: 0.5em;
		column-gap: 0.5em;
		width: 100%;
		margin:2em auto;
	}
	.syanli .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center; overflow: hidden; margin-bottom: 0.5em; height: 640px;position:relative;
	}
	.syanli ul li img{
		width:100%;height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}


	.syanli ul li .text {
		position: absolute; /* 定位文本在图片上 */
		right: 0px; bottom: 1rem;/* 根据需求调整文本位置 */
		color: #666;
		padding:10px;
		font-size: 16px;
		text-align: right;;
	}
	.syanli ul li .text font{line-height:30px;display:block; color: #fff; font-size: 1.8rem;}



	.sywork .masonry {
		-moz-column-count:4; /* Firefox */
		-webkit-column-count:4; /* Safari 和 Chrome */
		column-count:4;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
		width: 100%;
		margin:2em auto;
	}
	.sywork .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center;position: relative; overflow: hidden; height:auto;
	}
	.sywork .masonry li img{width:100%; height: auto}
	.sywork ul li img{
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}


	.sykehu ul{width:100%; margin: 0 auto; overflow:hidden; margin-top:30px; margin-bottom: 50px;}
	.sykehu ul li{width:15.7%; height:110px; overflow: hidden; float:left; margin-right:1.15%; margin-bottom:1.5em;position: relative; background: #fff}
	.sykehu ul li:nth-child(6n){ margin-right:0px;}

	.sykehu ul li img{
		object-fit: cover;
		transition: transform 0.3s ease-in-out;
		position: absolute;
		width:100%; height:100%;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	/*.synews .news ul li{width:32.5%;float: left; overflow: hidden; margin-right: 1%;}*/
	.synews .news ul li .img{height: 430px;-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;position: relative; overflow: hidden; margin-bottom: 10px;}
		.synews .news ul li .img img{margin-top:-120px;}

	.factory .item .item_content{width:100%;  overflow: hidden;}
	.factory .item .item_content img{
		height:480px;
		width:100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}


	.project_list .item .item_content{width:100%;overflow: hidden;}/*height:380px;*/
	.project_list .item .item_content img{
		width:100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}
	.item-height1{height: 380px;}
	.item-height2{height: 450px;}
	.item-height3{height: 520px;}
	.item-height4{height: 550px;}
	.item-height5{height: 600px;}

	.item-height1 img{height: 380px;}
	.item-height2 img{height: 450px;}
	.item-height3 img{height: 520px;}
	.item-height4 img{height: 550px;}
	.item-height5 img{height: 600px;}
}

@media screen and (max-width: 1600px){
	.header{width: 100%; overflow: auto; height: 880px; overflow:hidden}
	.box{width: 100%;height: 880px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:880px;}
	
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:880px;}
}
@media screen and (max-width: 1500px){
	.header{width: 100%; overflow: auto; height: 800px; overflow:hidden}
	.box{width: 100%;height: 800px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:800px;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:800px;}
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
	.header{width: 100%; overflow: auto; height: 750px; overflow:hidden}
	.box{width: 100%;height: 750px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:750px;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:750px;}
	
	.top .nav{width:59%; line-height:70px; color:#555; overflow:hidden; float:left; font-size:26px; margin-left:1%;}

	/*.about{width:100%; height:640px; margin-top:780px; z-index:-1;}*/
	.about{width:100%; height:640px; z-index:-1; margin-top: 20px;}
	.about .abc_l{width:50%; overflow:hidden; float:left; margin-left:40px; margin-top:40px;}
	.about .abc_l .t{width:100%; overflow:hidden;}
	.about .abc_l .t img{width:100%;}
	.about .abc_l p{ color:#000}
	.about .abc_l p.p1{font-size:26px; margin-top:30px; line-height: 40px;}
	.about .abc_l p.p2{font-size:18px; margin-top:20px; line-height: 35px;}
	.about .abc_l p.p3{font-size:12px; margin-top:20px; line-height: 25px; color:#666666}

	.about .abc_l span{font-size:14px; margin-top:40px; color:rgb(163, 163, 163); display:block;}
	.about .abc_l dd{width:170px; height:60px; line-height:60px; text-align:center; background:#2b2b2b;font-size:24px; margin-top:50px;}
	.about .abc_l dd a{ color:#fff;}

	.about .abc_r{width:42%; overflow:hidden; float:right; margin-top:45px;}
	.about .abc_r img{width:100%;}

	.aboutu_zs ul li{width:10.4%; height:11rem; overflow: hidden; float:left; margin-right:1%; margin-bottom:30px; position: relative;background: #fff}

	.footer{width:100%; background:url(fbg.jpg) 0 0 no-repeat; background-size:100% 100%; height:450px; z-index:-1; overflow:hidden; padding-top:50px;}
	.footer .fool{width:180px; overflow:hidden; float:left;}
	.footer .fool ul{width:100%; overflow:hidden;}
	.footer .fool ul li{width:100%; line-height:60px; overflow:hidden; font-size:26px;}
	.footer .fool ul li a{color:#fff}

	.footer .fooc{width:46%; overflow:hidden; float:left; margin-left:2%; margin-top:50px; color:#fff;}

	.footer .fooc .fooct{width:100%; overflow:hidden;}
	.footer .fooc .fooct .fooc1{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc1 img{width: 96%;}

	.footer .fooc .fooct .fooc2{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc2 .fooc21{width:100%; overflow:hidden; color: #ca1a48; font-size: 14px;}
	.footer .fooc .fooct .fooc2 .fooc22{width:100%; overflow:hidden; font-size: 16px; line-height: 25px;}
	.footer .fooc .fooct .fooc2 .fooctsize{font-size: 14px; margin-top: 10px;}

	.footer .fooc .foocb{width:100%; overflow:hidden; margin-top: 30px;}
	.footer .fooc .foocb img{width: 100%}

	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1{width:100%; overflow:hidden;}
	.footer .foor .foor1l{width:30%; overflow:hidden; float:left; margin-left: 8px;}
	.footer .foor .foor1l img{width:80%}

	.footer .foor .foor2{width:100%; overflow:hidden; margin-top:40px; }
	.footer .foor .foor2 img{width: 100%}

	.footer .txt{width:1200px; margin:0 auto; text-align:center; color:#fff; margin-top:60px;}

	.syanli .masonry {
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Safari 和 Chrome */
		column-count:3;
		-moz-column-gap: 0.5em;
		-webkit-column-gap: 0.5em;
		column-gap: 0.5em;
		width: 100%;
		margin:2em auto;
	}
	.syanli .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center; overflow: hidden; margin-bottom: 0.5em; height: 430px;
	}
	.syanli .masonry li img{
		width:100%;height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.syanli ul li .text {
		position: absolute; /* 定位文本在图片上 */
		right: 0px; bottom: 10px;/* 根据需求调整文本位置 */
		color: #666;
		padding:10px;
		font-size: 16px;
		text-align: right;
	}
	.syanli ul li .text font{line-height:30px;display:block;color: #fff; font-size: 1.6rem;}


	.sywork .masonry {
		-moz-column-count:4; /* Firefox */
		-webkit-column-count:4; /* Safari 和 Chrome */
		column-count:4;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
		width: 100%;
		margin:2em auto;
	}
	.sywork .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center;position: relative; overflow: hidden; height: auto;
	}
	.sywork .masonry li img{width:100%}
	.sywork ul li img{
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.sykehu ul{width:100%; overflow:hidden; margin-top:30px; margin-bottom: 50px;}
	.sykehu ul li{width:15.82%; height:90px; overflow: hidden; float:left; margin-right:1%; text-align: center; margin-bottom:1em;position: relative; background: #fff}
	.sykehu ul li:nth-child(6n){ margin-right:0px;}

	.sykehu ul li img{
		object-fit: cover;
		transition: transform 0.3s ease-in-out;
		position: absolute;
		width:100%; height:100%;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	/*.synews .news ul li{width:32%;float: left; overflow: hidden; margin-right: 1%;}*/
	.synews .news ul li .img{height: 300px;-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;position: relative; overflow: hidden; margin-bottom: 10px;}
		.synews .news ul li .img img{margin-top:-80px;}

	.factory .item .item_content{width:100%; height:300px; overflow: hidden;}
	.factory .item .item_content img{
		width:100%; height:300px;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.project_list .item .item_content{width:100%; overflow: hidden;}
	.project_list .item .item_content img{
		width:100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.item-height1{height: 300px;}
	.item-height2{height: 350px;}
	.item-height3{height: 400px;}
	.item-height4{height: 450px;}
	.item-height5{height: 500px;}

	.item-height1 img{height: 300px;}
	.item-height2 img{height: 350px;}
	.item-height3 img{height: 400px;}
	.item-height4 img{height: 450px;}
	.item-height5 img{height: 500px;}

}

@media screen and (max-width: 1360px) {
	.header{width: 100%; overflow: auto; height: 720px; overflow:hidden}
	.box{width: 100%;height: 720px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}

	.banner{position:absolute;left:0; top:0px; width:100%;height:720px;}
	
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:720px;}
	
	.top .nav{width:59%; line-height:70px; color:#555; overflow:hidden; float:left; font-size:1.3rem; margin-left:1%;}

	/*.about{width:100%; height:640px; margin-top:780px; z-index:-1;}*/
	.about{width:100%; height:640px; z-index:-1; margin-top: 20px;}
	.about .abc_l{width:50%; overflow:hidden; float:left; margin-left:40px; margin-top:40px;}
	.about .abc_l .t{width:100%; overflow:hidden;}
	.about .abc_l .t img{width:100%;}
	.about .abc_l p{ color:#000}
	.about .abc_l p.p1{font-size:26px; margin-top:30px; line-height: 40px;}
	.about .abc_l p.p2{font-size:18px; margin-top:20px; line-height: 35px;}
	.about .abc_l p.p3{font-size:12px; margin-top:20px; line-height: 25px; color:#666666}

	.about .abc_l span{font-size:14px; margin-top:40px; color:rgb(163, 163, 163); display:block;}
	.about .abc_l dd{width:170px; height:60px; line-height:60px; text-align:center; background:#2b2b2b;font-size:24px; margin-top:50px;}
	.about .abc_l dd a{ color:#fff;}

	.about .abc_r{width:42%; overflow:hidden; float:right; margin-top:45px;}
	.about .abc_r img{width:100%;}

	.aboutu_zs ul li{width:10.4%; height:11rem; overflow: hidden; float:left; margin-right:1%; margin-bottom:30px; position: relative;background: #fff}

	.footer{width:100%; background:url(fbg.jpg) 0 0 no-repeat; background-size:100% 100%; height:450px; z-index:-1; overflow:hidden; padding-top:50px;}

	.footer .fool{width:150px; overflow:hidden; float:left;}
	.footer .fool ul{width:100%; overflow:hidden;}
	.footer .fool ul li{width:100%; line-height:60px; overflow:hidden; font-size:26px;}
	.footer .fool ul li a{color:#fff}

	.footer .fooc{width:46%; overflow:hidden; float:left; margin-left:5%; margin-top:50px; color:#fff;}
	.footer .fooc .fooct{width:100%; overflow:hidden;}
	.footer .fooc .fooct .fooc1{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc1 img{width: 96%;}

	.footer .fooc .fooct .fooc2{width:50%; float: left; overflow:hidden;}
	.footer .fooc .fooct .fooc2 .fooc21{width:100%; overflow:hidden; color: #ca1a48; font-size: 14px;}
	.footer .fooc .fooct .fooc2 .fooc22{width:100%; overflow:hidden; font-size: 16px; line-height: 25px;}
	.footer .fooc .fooct .fooc2 .fooctsize{font-size: 14px; margin-top: 10px;}

	.footer .fooc .foocb{width:100%; overflow:hidden; margin-top: 30px;}
	.footer .fooc .foocb img{width: 100%}

	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 60px;}
	.footer .foor .foor1{width:100%; overflow:hidden;}
	.footer .foor .foor1l{width:30%; overflow:hidden; float:left; margin-left: 2%;}
	.footer .foor .foor1l img{width:80%}

	.footer .foor .foor2{width:100%; overflow:hidden; margin-top:40px; }
	.footer .foor .foor2 img{width: 100%}

	.footer .txt{width:1200px; margin:0 auto; text-align:center; color:#fff; margin-top:60px;}

	.syanli .masonry {
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Safari 和 Chrome */
		column-count:3;
		-moz-column-gap: 0.5em;
		-webkit-column-gap: 0.5em;
		column-gap: 0.5em;
		width: 100%;
		margin:2em auto;
	}
	.syanli .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center; overflow: hidden; margin-bottom: 0.5em; height: 320px;
	}
	.syanli .masonry li img{
		width:100%;height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.syanli ul li .text {
		position: absolute; /* 定位文本在图片上 */
		right: 0px; bottom: 10px;/* 根据需求调整文本位置 */
		color: #666;
		padding:10px;
		font-size: 16px;
		text-align: right;
	}
	.syanli ul li .text font{line-height:30px;display:block;color: #fff; font-size: 1.2rem;}


	.sywork .masonry {
		-moz-column-count:4; /* Firefox */
		-webkit-column-count:4; /* Safari 和 Chrome */
		column-count:4;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
		width: 100%;
		margin:2em auto;
	}
	.sywork .masonry li {width:100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center;position: relative; overflow: hidden; height: auto;
	}
	.sywork .masonry li img{width:100%}
	.sywork ul li img{
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.sykehu ul{width:100%; overflow:hidden; margin-top:30px; margin-bottom: 50px;}
	.sykehu ul li{width:15.82%; height:80px; overflow: hidden; float:left; margin-right:1%;text-align: center; margin-bottom:1em;position: relative; background: #fff}
	.sykehu ul li:nth-child(6n){ margin-right:0px;}

	.sykehu ul li img{
		object-fit: cover;
		transition: transform 0.3s ease-in-out;
		position: absolute;
		width:100%; height:100%;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	/*.synews .news ul li{width:32%;float: left; overflow: hidden; margin-right: 1%;}*/

	.synews .news ul li .img{height: 220px;-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;position: relative; overflow: hidden; margin-bottom: 10px;}
		.synews .news ul li .img img{margin-top:-50px;}
	.factory .item .item_content{width:100%; height:230px; overflow: hidden;}
	.factory .item .item_content img{
		width:100%; height:230px;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.project_list .item .item_content{width:100%; overflow: hidden;}
	.project_list .item .item_content img{
		width:100%;
		object-fit: cover;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease; /* 添加过渡效果 */
		top: 0;
		left: 0;
	}

	.item-height1{height: 230px;}
	.item-height2{height: 250px;}
	.item-height3{height: 320px;}
	.item-height4{height: 350px;}
	.item-height5{height: 400px;}

	.item-height1 img{height: 230px;}
	.item-height2 img{height: 250px;}
	.item-height3 img{height: 320px;}
	.item-height4 img{height: 350px;}
	.item-height5 img{height: 400px;}
}


.renwu{width: 100%; margin: 0 auto; overflow: hidden}
.renwu img{width: 100%;}

.aboutp3{width: 285px; height: 92px; margin: 0 auto; margin-top: 20px;}
.aboutp3 img{width: 285px; height: 92px;}

.aboutu_zs{width:100%; margin:0 auto; overflow: hidden; background: #f2f2f2; padding-bottom: 20px; margin-top:30px;}
.aboutu_zs ul{width:100%; overflow:hidden; margin-top:30px;}
.aboutu_zs ul li:nth-child(8n){ margin-right:0px;}

.aboutu_zs ul li img{
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
	position: absolute;
	width:100%; height:auto;
	transition: transform 0.5s ease; /* 添加过渡效果 */
	top: 0;
	left: 0;
}

/**项目**/
.xuanze{width: 88%; margin: 0 auto; }
.xuanze .xz1{width: 100px;overflow: hidden; margin-top: 20px; border-bottom: 2px solid #000; font-size: 20px; font-weight: bold; line-height: 50px;}


.xuanze .xz2{width: 100%;overflow: hidden; margin-top: 20px; font-size: 18px;}

/*.project{width:100%; overflow:hidden; z-index:-1; margin-top:730px; margin-bottom:80px;}*/
.project{width:100%; overflow:hidden; z-index:-1; margin-bottom:80px; margin-top: 20px;}

.project #sortable ul{width:100%; height: auto; overflow: hidden; margin-top: 20px;display: flex;flex-flow: column wrap;}
.project #sortable ul li{width:31.5%; height: auto; overflow: hidden; float: left; margin-right: 1.8%; margin-top: 15px;}
.project #sortable ul img{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.project #sortable ul li h2{font-size: 20px; line-height: 40px; margin-top: 20px;}
.project #sortable ul li p{font-size: 16px; line-height: 40px;}
.project #sortable ul:nth-child(3n){ margin-right:0px;}

.more1{width: 465px; line-height: 80px; margin: 0 auto; font-size: 26px; text-align: center; margin-top: 50px; margin-bottom: 50px; border: 1px solid #ccc}
/**项目  文章页**/
.article{width: 100%;overflow: hidden; margin-top: 30px;}
.article .article_l{width: 50%;overflow: hidden; float: left}
.article .article_l .tit{width: 100%;overflow: hidden;font-size: 40px; font-weight: bold}
.article .article_l .cat{width: 100%;overflow: hidden; margin-top: 20px;}
.article .article_l .info{width: 100%;overflow: hidden;line-height: 35px; margin-top: 20px; font-size: 18px;}

.article .article_r{width: 30%;overflow: hidden; float: right; font-size: 18px;}
.article .article_r .txt{width: 100%;overflow: hidden; margin-bottom: 12px;}
.article .article_r .txt span{overflow: hidden;font-weight: bold; margin-right: 50px;}
.article .article_r .txt p{line-height: 25px; margin-top: 10px;}

.tu1{width: 100%; overflow: hidden; margin-top: 30px;}
.tu1 img{width: 100%;}

.tu1_art{width: 100%; overflow: hidden;}
.tu1_art img{width: 100%;}

.arttxt1{width: 100%; overflow: hidden; margin-top: 30px;}
.arttxt1_l{width: 59%; overflow: hidden;float: left;}
.arttxt1_l img{width: 100%;}

.arttxt1_r{width: 35%; overflow: hidden;float: right;line-height: 40px; margin-top: 70px; font-size: 18px;}

.arttxt2{width: 100%; overflow: hidden; margin-top: 50px;}
.arttxt2_r{width: 60%; overflow: hidden;float: right}
.arttxt2_r img{width: 100%;}

.arttxt2_l{width: 35%; overflow: hidden;float: left;line-height: 40px; margin-top: 0px; font-size: 18px;}

.content{width: 100%;overflow: hidden; margin-top: 30px;}
.content p, .content div{line-height: 25px; margin-top: 15px; text-align: center}
.content p img{max-width: 90%;margin: 0 auto}

.xiangguan{width: 96%; margin:0 auto;overflow: hidden; margin-top: 40px; border-top: 1px solid #999}
.xiangguan .txt{font-size: 30px; font-weight: bold; margin-top: 40px;}
.xiangguan ul{width: 100%;overflow: hidden; margin-top: 30px;}
.xiangguan ul li{width: 31.3%; margin-right: 3%; float: left; overflow: hidden;}
.xiangguan ul li:nth-child(3n){margin-right: 0;}
.xiangguan ul li img{width: 100%;}
.xiangguan ul li .tit{margin-top: 5px; font-size: 18px;}

.xiangguan .more{width: 180px; line-height: 50px; margin: 0 auto; font-size: 20px; text-align: center; border: 1px solid #999; margin-top: 50px;}


	/**设计资讯**/
/*.zixun{width:100%; margin: 0 auto; overflow:hidden; z-index:-1; margin-top:780px;}*/
.zixun{width:100%; margin: 0 auto; overflow:hidden; z-index:-1; margin-top: 20px;}

.zixun_list{width:1200px; margin: 0 auto; overflow:hidden; z-index:-1;  margin-top:30px; }
.zixun_list ul{width:100%; overflow:hidden}
.zixun_list ul li{width:370px; float:left; overflow:hidden; height:420px;margin-right: 40px; margin-bottom: 30px;}
.zixun_list ul li:nth-child(3n){margin-right: 0}

.zixun_list ul li .img{width:370px; height: 250px;}
.zixun_list ul li .img img{width:370px; height: 250px;}

.zixun_list ul li .tit{width:100%; margin-top:15px; font-size:18px; }
.zixun_list ul li .info{width:100%; margin-top:15px; line-height:22px; color: #8f8f8f;}
.zixun_list ul li .time{width:100%; margin-top:10px; overflow:hidden; color: #8f8f8f;}

.zixun_more{width:150px; margin: 0 auto; line-height: 50px; text-align: center; border:1px solid #eee; font-size: 22px;margin-bottom:50px; color: #8f8f8f}


/**联系我们**/
/*.lianxi{width:1200px; margin: 0 auto; overflow: auto; margin-top:750px; z-index:-1;}*/
.lianxi{width:1200px; margin: 0 auto; overflow: auto; margin-top: 20px; z-index:-1;}
.tt{width: 50%; margin-left: 60px; margin-top: 30px;}
.tt img{width: 100%;}

.lianxi_txt{width: 1080px; margin: 0 auto;}
.lianxi_txt1{color: #010101; width: 100%; margin-top: 30px; line-height: 60px; font-size: 26px; font-weight: bold;}
.lianxi_txt2{color: #878888; width: 100%; line-height: 30px; font-size: 14px; font-weight: bold;}
.lianxi_txt img{width: 100%; margin-top: 20px;}

.lianxi_txt ul{width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 80px;}
.lianxi_txt ul li{width: 50%; float:left ; overflow: hidden; margin-bottom: 20px;}
.lianxi_txt ul li img{width: 50%; float:left ;}
.lianxi_txt ul li .con{width: 45%; float:left ; overflow: hidden; margin-left: 15px; margin-top: 30px; color: #b8b8b8;}
.lianxi_txt ul li .con .con1{width: 100%; overflow: hidden; font-size: 16px;}
.lianxi_txt ul li .con .con2{width: 100%; overflow: hidden; font-size: 16px;}
.lianxi_txt ul li .con .con3{width: 100%; overflow: hidden; margin-top: 80px;}

/**设计资讯  page**/
/*.zixun_page{width:100%; overflow:hidden; z-index:-1; margin-top:780px; margin-bottom:80px;}*/
.zixun_page{width:100%; overflow:hidden; z-index:-1; margin-top:20px; margin-bottom:80px;}

.zixun_page .tit{width:100%; overflow:hidden; font-size:22px; text-align:center; margin-top:30px;}
.zixun_page .time{width:100%; overflow:hidden; line-height:50px; font-size:14px;color:#999; text-align:center}
.zixun_page .con{width:80%; margin:0 auto; overflow:hidden; margin-top:10px; border-bottom:1px dashed #eee; padding-bottom:50px; }
.zixun_page .con p{width:100%; overflow:hidden; line-height:30px; font-size:14px;color:#666; margin-top:20px;}

.nextorpre{width:100%; overflow:hidden; margin: 15px;}
.pre,.next{color: #666;font-size: 14px;line-height: 30px;font-weight: 600;}
.next a,.pre a{color: #666;font-weight: 500;}
.next a:hover,.pre a:hover{color: #666;}

.factory{width:94%; margin: 0 auto; overflow:hidden; margin-top:50px;}
.factory .item{width:31.25%; overflow: hidden; float:left; margin-right:1.5%; margin-bottom:2%; border-right: 1px solid #ccc;padding-right: 1.5%}
.factory .item:nth-child(3n){ margin-right:0; border-right: 0px;padding-right:0;}

.factory .item .txt{width: 100%; overflow: hidden; margin-bottom: 2%; height:8rem;}
.factory .item .txt .wen1{font-size: 1rem; margin-top: 15px; font-weight: bold}
.factory .item .txt .wen2{font-size: 1.3rem; margin-top: 15px; font-weight: bold}
.factory .item .txt .wen3{font-size: 1.1rem; color: #999; margin-top: 10px;}

.factory .item .item_content img:hover{
    transform: scale(1.1); /* 放大比例为原来的1.2倍 */
    overflow: hidden;
}


.project_list{width:100%; margin: 0 auto; overflow:hidden; margin-top:50px;}
.project_list .item{width:30%; overflow: hidden; float:left; padding-left:2%; padding-right: 1%;}
/*.project_list .item:nth-child(3n){ margin-right:0; border-right: 0px;padding-right:0;}*/

.project_list .item .item_content img:hover{
	transform: scale(1.1); /* 放大比例为原来的1.2倍 */
	overflow: hidden;
}
.project_list .item .txt{width: 100%; overflow: hidden; color: #000; height: 100px;}
.project_list .item .txt h2{font-size: 20px; line-height: 40px; margin-top: 20px;}
.project_list .item .txt p{font-size: 16px; line-height: 40px;}

.cur_wrap_sidebar ul *{transition:none}
.cur_wrap_sidebar ul{position:fixed;top:50%;margin-top:-162px;right:0;z-index:1000;}
.cur_wrap_sidebar ul li{width:60px;height:60px;position:relative;font-size:16px;color:#fff}
.cur_wrap_sidebar ul li.li_one .wrap_btn{border-radius:2px 0 0 0}
.cur_wrap_sidebar ul li.li_four .wrap_btn{border-radius:0 0 0 2px;border-bottom:none}

.cur_wrap_sidebar ul li.li_two .wrap_left{padding-right:.1rem;position:absolute;left:-190px; line-height:60px;top:0;visibility:hidden;}

.cur_wrap_sidebar ul li.li_two .wrap_left:after{content:'';width:10px;height:10px;border-right:1px solid #f1f3f5;border-top:1px solid #f1f3f5;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);position:absolute;right:-3px;top:20px;background:#fff}

.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img{padding:10px 10px;background:#fff;box-shadow:0 1px 12px 0 rgba(230,230,230,.5);border:1px solid #f1f3f5}
.cur_wrap_sidebar ul li.li_two .wrap_left .wrap_img p{font-size:14px;color:#596580;height:40px; margin-top: -20px;}


.cur_wrap_sidebar ul li.li_five .wrap_btn{border-radius:2px 0 0 2px;margin-top:.1rem;border:none}

.cur_wrap_sidebar ul li .wrap_btn{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.4);width:60px;height:60px;position:absolute;right:0;background:rgba(53,63,88,.66);text-align:center;line-height:.64rem;cursor:pointer;transition:width .3s ease;-webkit-transition:width .3s ease;-o-transition:width .3s ease;-moz-transition:width .3s ease}

.cur_wrap_sidebar ul li .wrap_btn .iconfont{font-size:.2rem;color:#fff}

.cur_wrap_sidebar ul li span{vertical-align:middle;line-height:60px;color:#fff}
.cur_wrap_sidebar ul li span.text{display:none;padding-bottom:1px}

.cur_wrap_sidebar ul li:hover .wrap_btn{ background: linear-gradient(127deg,rgb(247 101 107) 0%,rgb(230 33 41) 100%);width:100px;height:60px;padding-left:20px;text-align:left;border-radius:2px 0 0 2px;border:none}
.cur_wrap_sidebar ul li:hover span.text{display:inline-block}

.cur_wrap_sidebar ul li.li_four:hover .wrap_left,.cur_wrap_sidebar ul li.li_two:hover .wrap_left{visibility:visible;transition-property:visibility;-webkit-transition-property:visibility;-o-transition-property:visibility;-moz-transition-property:visibility;transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-moz-transition-delay:.2s}

@media screen and (max-width: 1240px) {
	.header{width: 100%; overflow: auto; height: 660px; overflow:hidden}
	.box{width: 100%;height: 660px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:660px;}
	.header{width: 100%; overflow: auto; height: 660px;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:660px;}
	.top .nav {
		width:55%; line-height:50px; color:#555; overflow:hidden; float:left; font-size:1rem; margin-left:8%;
	}
	.top .nav li{ width:17%; float:left; text-align:center; margin-left: 1%;}
	
	.so {
    width: 10%;
    margin: 0 auto;
    line-height: 50px;
    padding-top: 14px;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
}
	
	.cn{width:50px;line-height: 50px; overflow: hidden; text-align: center; float:right; font-size: 1rem; margin-top: 6px; margin-right:2.5%; cursor: pointer;}

	.footer .fooc{width:50%; overflow:hidden; float:left; margin-left:3%; margin-top:80px; color:#fff;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 100px;}
}

@media screen and (max-width: 1180px) {
	.header{width: 100%; overflow: auto; height: 560px; overflow:hidden}
	.box{width: 100%;height: 560px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:560px;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:560px;}
	.footer .fooc{width:50%; overflow:hidden; float:left; margin-left:3%; margin-top:80px; color:#fff;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1l img{width:100%}

	.footer .fooc .foocb img{width: 60%}
}

@media screen and (max-width: 1024px) {
	.header{width: 100%; overflow: auto; height: 525px; overflow:hidden}
	.box{width: 100%;height: 525px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:525px;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:525px;}
	.top .nav {
		width:55%; line-height:40px; color:#555; overflow:hidden; float:left; font-size:1rem; margin-left:8%;
	}
	.top .nav li{ width:17%; float:left; text-align:center; margin-left: 1%;}
	
	.so {
    width: 10%;
    margin: 0 auto;
    line-height: 50px;
    padding-top: 6px;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
}
	
	.cn{width:50px;line-height: 50px; overflow: hidden; text-align: center; float:right; font-size: 1rem; margin-top: 6px; margin-right:2.5%; cursor: pointer;}


	.syanli .masonry li {
		width: 100%;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		color: #fff;
		text-align: center;
		overflow: hidden;
		margin-bottom: 0.5em;
		height: 260px;
	}

	.sykehu ul li {
		width: 15.82%;
		height:50px;
		overflow: hidden;
		float: left;
		margin-right: 1%;
		text-align: center;
		margin-bottom: 1em;
		position: relative;
		background: #fff;
	}

	.footer .fooc .fooct .fooc1 {
		width: 30%;
		float: left;
		overflow: hidden;
	}
	.footer .fooc .fooct .fooc2 {
		width: 70%;
		float: left;
		overflow: hidden;
	}

	.footer .foor {
		width:38%;
		overflow: hidden;
		float: right;
	}

	.footer .txt {
		width: 900px;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		margin-top: 60px;
	}

	.footer .fooc{width:48%; overflow:hidden; float:left; margin-left:2%; margin-top:80px; color:#fff;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1l img{width:100%}

	.footer .fooc .foocb img{width: 60%}
}

@media screen and (max-width: 940px) {
	.header{width: 100%; overflow: auto; height: 485px; overflow:hidden}
	.box{width: 100%;height: 485px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:485px;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:485px;}

	.footer .fooc{width:48%; overflow:hidden; float:left; margin-left:2%; margin-top:80px; color:#fff;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1l img{width:100%}

	.footer .fooc .foocb img{width: 60%}
	.footer .fooc .fooct .fooc1 img{width: 100%;}
}

@media screen and (max-width: 850px) {
	.header{width: 100%; overflow: auto; height: 450px; overflow:hidden}
	.box{width: 100%;height: 450px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:450px;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:450px;}

	.footer .fooc{width:46%; overflow:hidden; float:left; margin-left:1%; margin-top:80px; color:#fff;}
	.footer .fool ul li{width:100%; line-height:60px; overflow:hidden; font-size:20px;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1l img{width:100%}

	.footer .fooc .foocb img{width: 60%}
	.footer .fooc .fooct .fooc1 img{width: 100%;}
}

@media screen and (max-width: 780px) {
	.header{width: 100%; overflow: auto; height: 400px; overflow:hidden}
	.box{width: 100%;height: 400px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;}
	video{object-fit:fill;vertical-align: baseline;width: 100%; height:400px;}
	.banner{position:absolute;left:0; top:0px; width:100%;height:400px;}
	.top .nav {
		width:52%; line-height:30px; color:#555; overflow:hidden; float:left; font-size:0.7rem; margin-left:5.5%;
	}
	.top .nav li{ width:17%; float:left; text-align:center; }
	line-height: 50px;
	
	.so {
    width: 10%;
    margin: 0 auto;
    line-height: 30px;
    padding-top: 0px;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
}
	
	.cn{width:50px;line-height: 30px; overflow: hidden; text-align: center; float:right; font-size: 0.9rem; margin-top: 6px; margin-right:2.5%; cursor: pointer;}


	.footer .fooc{width:44%; overflow:hidden; float:left; margin-left:1%; margin-top:80px; color:#fff;}
	.footer .fool ul li{width:100%; line-height:60px; overflow:hidden; font-size:20px;}
	.footer .foor{width:30%; overflow:hidden; float:right; margin-top: 70px;}
	.footer .foor .foor1l img{width:100%}

	.footer .fooc .foocb img{width: 60%}
	.footer .fooc .fooct .fooc1 img{width: 100%;}
}

/* @media screen and (max-width: 680px) { */
	/* .header{width: 100%; overflow: auto; height: 300px; overflow:hidden} */
	/* .box{width: 100%;height: 300px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;} */
	/* .banner{position:absolute;left:0; top:0px; width:100%;height:300px;} */
	/* video{object-fit:fill;vertical-align: baseline;width: 100%; height:300px;} */
	/* .footer .fooc{width:42%; overflow:hidden; float:left; margin-left:1%; margin-top:50px; color:#fff;} */
/* } */

/* @media screen and (max-width: 561px) { */
	/* .header{width: 100%; overflow: auto; height: 300px; overflow:hidden} */
	/* .box{width: 100%;height: 300px; max-width: 1920px; margin: 0 auto;overflow: hidden;position: absolute;} */
	/* .banner{position:absolute;left:0; top:0px; width:100%;height:300px;} */
	/* video{object-fit:fill;vertical-align: baseline;width: 100%; height:300px;} */
	/* .top .nav { */
		/* width:59%; line-height:30px; color:#555; overflow:hidden; float:left; font-size:0.5rem; margin-left:5.5%; */
	/* } */
	/* .top .nav li{ width:17%; float:left; text-align:center; } */
	/* .cn{width:50px; overflow: hidden; text-align: center; float:right; font-size: 0.5rem; margin-top: 6px; margin-right:2.5%; cursor: pointer;} */

	/* .footer .fool{width:120px; overflow:hidden; float:left; margin-top: 40px;} */
	/* .footer .fooc{width:35%; overflow:hidden; float:left; margin-top:40px; color:#fff;} */
	/* .footer .foor{width:32%; overflow:hidden; float:right; margin-top: 40px;} */
/* } */