.header {
    	width: 100%;
    	height: 80px;
    	background: #fff;
    	position: fixed;
    	z-index: 20;
    	top: 0;
    	left: 0;
    }


    .banner {
    	position: relative;
    	margin-top: 80px;
    	width: 100%;
    	height: 538px;
    	overflow: hidden;
    	transition: .5s;
    }

    .content1 {
    	width: 100%;
    	height: 929px;
    	/* background-color: red; */
    }

    .content2 {
    	width: 100%;
    	height: 712px;
    	/* background-color: orange; */
    }

    .case {
    	width: 100%;
    	/* height: 986px; */
    	/* background-color: blue; */
    }

    .about {
    	width: 100%;
    	/* height: 400px; */
    	background: #f9f9f8;
    }

    .footer {
    	width: 100%;
    	height: 320px;
    }

    /* banner样式 */

    .banner .wrap {
    	position: absolute;
    	width: 400%;
    	height: 100%;
    	transition: .8s;
    }

    .wrap img {
    	float: left;
    	width: 25%;
		height: 100%;
		object-fit: cover;
    }

    .content1 .ad {
    	width: 100%;
    	height: 204px;
    	position: relative;
    	top: -48px;
    	background: #fff;
    	box-shadow: 0px 15px 30px -20px #888888;
    	z-index: 3;
    }

    .content1 .ad .ad-item {
    	float: left;
    	width: 300px;
    	height: 100%;
    	text-align: center;
    }

    .ad .ad-item img {
    	margin-top: 43px;
    }

    .ad .ad-item p:nth-child(2) {
    	font-size: 16px;
    	font-weight: bolder;
    	line-height: 21px;
    	/* height: 21px; */
    	color: #6f6f6f;
    	margin-top: 20px;
    }

    .ad .ad-item p:last-child {
    	/* height: 26px; */
    	font-size: 14px;
    	/* line-height: 26px; */
    	color: #6f6f6f;
    }

    /* content1 样式 */

    .content1 .text,
    .content2 .text {
    	margin-top: 80px;
    	float: left;
    	width: 600px;
    	height: 612px;
    }

    .content1 .phone,
    .content2 .pc {
    	position: relative;
    	margin-top: 80px;
    	float: right;
    	width: 600px;
    	height: 501px;
    }

    .phone img:first-child {
    	width: 100%;
    	height: auto;
    }

    .phone img:nth-child(2) {
    	position: absolute;
    	top: 5%;
    	left: 50%;
    	width: 40%;
    	margin-left: -20%;
    }

    .phone img:nth-child(3) {
    	position: absolute;
    	top: 61%;
    	left: 7%;
    	width: 4%;
    }

    .phone img:nth-child(4) {
    	position: absolute;
    	top: 0;
    	left: 30%;
    	width: 40%;
    }

    .phone img:nth-child(5) {
    	position: absolute;
    	top: 20%;
    	right: 17%;
    	width: 5%;
    	height: 5%;
    }

    /* text样式 */

    .content1 .text p.p1,
    .content2 .text p.p1 {
    	/* height: 30px; */
    	font-size: 30px;
    	color: #242424;
    	line-height: 30px;
    	margin-top: 121px;
    	font-weight: bolder;
    }

    .content1 .text p.p2,
    .content2 .text p.p2 {
    	margin-top: 20px;
    	/* height: 38px; */
    	font-size: 14px;
    	line-height: 24px;
    	color: #605b5b;
    }

    .content1 .text p.p3,
    .content2 .text p.p3 {
    	margin-top: 40px;
    	width: fit-content;
    	/* height: 24px; */
    	font-weight: bolder;
    	font-size: 16px;
    	line-height: 24px;
    	color: #363636;
    }

    .content2 table,
    .content1 table {
    	margin-top: 11px;
    	text-align: center;
    	color: #605b5b;
    	font-size: 14px;
    }

    /* content2样式 */

    .content2 {
    	background: #f9f9f8;
    }

    .content12 .text {
    	float: right;
    }

    .content2 .pc {
    	float: left;
    }

    .content2 .pc img:nth-child(2) {
    	position: absolute;
    	top: 40%;
    	left: 0;
    }

    .content2 .pc img:nth-child(3) {
    	position: absolute;
    	top: 37%;
    	left: 74%;
    	width: 6%;
    }

    .content2 .pc img:nth-child(4) {
    	position: absolute;
    	top: 72%;
    	left: 13%;
    	width: 4%;
    }

    .content2 .pc img:nth-child(5) {
    	position: absolute;
    	width: auto;
    	height: 100%;
    	right: 0;
    	top: 0;
    	z-index: 3;
    }

    /* 关于我们 */

    .about-c {
    	padding-top: .1px;
    }

    .about .about-block {
    	width: 100%;
    	height: 276px;
    	margin-top: 110px;
    }

    .about .about-l {
    	float: left;
    	width: 600px;
    	height: 204px;
    	/* background-color: red; */
    }

    .about .about-r {
    	position: relative;
    	float: right;
    	width: 531px;
    	height: 276px;
    	border: 1px solid #e2e2e2;
    }

    .about .about-l p {
    	display: inline-block;
    }

    .about .about-l .p1 {
    	width: fit-content;
    	height: 31px;
    	line-height: 31px;
    	font-weight: bolder;
    	font-size: 24px;
    	color: #494949;
    }

    .about .about-l .p2 {
    	font-size: 14px;
    	font-weight: normal;
    	color: #c3c3c3;
    }

    .about .about-l .des {
    	font-size: 15px;
    	color: #959595;
    	width: 540px;
    	margin-top: 35px;
    	line-height: 28px;
    }

    .about .about-r img {
    	position: absolute;
    	top: 18px;
    	left: 19px;
    }

    .companyShorthand {
    	font-size: 22px;
    	color: #fff;
    	margin-bottom: 5px;
    }

    .information {
    	display: flex;
    	justify-content: space-between;
    }

    .moreCase {
    	text-align: center;
    	font-size: 15px;
		margin-bottom: 50px;
    }

    .moreCase a {
    	padding: 10px 30px;
    	background: skyblue;
    	border-radius: 20px;
    	color: #fff;
    }

    .wecahtImg {
    	width: 464px;
    	margin-top: -200px;
    	margin-left: 50px;
    }

    .displayBlock {
    	display: block !important;
    }

    .caseBox {
    	display: none;
    }

    .caseImg {}

    .qrcodeBox {
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0, 0, 0, 0.5);
    	z-index: 2;
    	top: 0;
    	left: 0;
    }

    .qrcode {
    	position: absolute;
    	width: 150px !important;
    	top: 50%;
    	left: 50%;
		transform: translate(-50%, -50%);
		margin-left: -5px;
    }

    .qrcode img {
    	border: 5px solid #fff;
    }

    .swiper {
    	height: 550px;
    }

    .swiper-wrapper {
    	transition-timing-function: linear !important; 
    }

    .swiper-slide {
    	width: 120px !important;
    	height: 100%;
    }

    .p11 {
    	width: fit-content;
    	height: 31px;
    	line-height: 31px;
    	font-weight: bolder;
    	font-size: 24px;
    	color: #494949;
    	margin: 50px 0 30px;
    }

    .brandNameBox {
    	display: flex;
    	width: 100%;
    	flex-wrap: wrap;
    	/* justify-content: center!important; */
    	text-align: center;
    	box-sizing: border-box;
    	/* padding: 0 20px; */
    }

    .brandNameBox .item {
    	/* width: 100px; */
    	display: flex;
    	width: 150px;
    	font-size: 14px;
    	margin-bottom: 20px;
    	color: #666;
    	text-align: center;
    	align-items: center;
    	justify-content: center;
    	/* padding: 0 20px; */
    }

    .brandNameBox .item .brandImg {
    	width: 80px;
    }

    .brandNameBox .item .brandImg5 {
    	width: 100px;
    }

    .brandNameBox .item .brandImg2 {
    	width: 120px;
    }

    .brandNameBox .item .brandImg35 {
    	width: 120px;
    }