@charset "UTF-8";
@media screen and (max-width: 1800px) {
	html {
		font-size: 15px;
	}
	.title .pic1{width:26%;}
	.title .tit2{width: 65%;}
}


@media screen and (max-width: 1681px) {
	html {
		font-size: 14px;
	}
	.title .pic1 {
		width: 26%;
		position: absolute;
		right: 0;
		bottom: 0;
	}
}

@media screen and (max-width: 1580px) {
	html {
		font-size: 14px;
	}
	.nav1 li {
		margin-right: 0px;
	}
	.nav li a {
		padding: 0px;
	}
	.title .pic1 {
		width: 26%;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.tit-box {
		padding-bottom: 0px;
		bottom: 10px;
		width: 70%;
	}
}

@media screen and (max-width: 1441px) {
	html {
		font-size: 13px;
	}
	.win .txt p{font-size: 18px;}
	.win .txt{width: 74%;margin-top: 35px;}
	.win dt,.win dd p{font-size: 18px;}
	.banner .text img{width:auto;max-width: inherit;height:180px;}
}

@media screen and (max-width: 1399px) {
	html {
		font-size: 12px;
	}
	.pup-hide .text1 h3 {
		font-size: 28px;
	}
	.pup-hide .text1 .read {
		width: 65%;
	}
	.win .txt p{font-size: 18px;}
	.nav{margin-right: 0;}
	.header h1{width: 88px;height: 88px;}
	.banner .text img{width:auto;max-width: inherit;height:160px;}
	.title .tit2{width:100%;margin-top: 10px;}
	.title .tit1 h3,.title2 .tit1 h3,.title3 .tit1 h3{font-size: 50px;height: 60px;}
	.pup-hide .swiper-pagination span {
    margin: 0 5px;
    }
}

@media screen and (max-width: 1320px) {
	.pup-hide .swiper-pagination span {
    margin: 0 5px;
    }
	html {
		font-size: 10px;
	}
	.pup-hide .text1 h3 {
		font-size: 28px;
	}
	.s-box2 .pic2 .pc-img1,
	.title2 .pic3 img {
		width: 900px;
	}
	.s-box2 .ss1 {
		top: 88px;
		left: 250px;
	}
	.s-box2 .ss2 {
		top: 102px;
		left: 675px;
	}
	.s-box2 .ss3 {
		top: 240px;
		left: 850px;
	}
	.s-box2 .ss4 {
		bottom: 100px;
		left: 515px;
	}
	.section2 .s-box2 {
		height: 520px;
	}
	.title .tit2{margin-top: 12px;}
	.title .tit2 p{margin-bottom: 8px;}
	.section2 .title{height: calc(100vh - 520px);}
	.title .tit1{font-size: 34px;}
	.title .tit1 h3{font-size: 38px;height: 42px;}
	.section3 .title2 {
		height: 292px;
	}
	.s-box3,.s-box3 .images{height: calc(100vh - 292px);}
	.title .tit2 {
		width: 100%;
	}
	.s-box3 .images .img,
	.s-box3 .images .img-1 {
		height: 600px;
	}
	.cases {
		width: 900px;
	}
	.caseSwiper {
		padding: 0 75px;
	}
	.cases .txt-box {
		margin-left: -75px;
	}
	.cases .tp a {
		width: 90px;
		height: 90px;
	}
	.cases .txt-box {
		width: 200px;
	}
	.win .txt p{font-size: 16px;}
	.win .txt{width: 74%;margin-top: 35px;}
	.win dt,.win dd p{font-size: 16px;}
	.header h1:hover{width:250px;border-radius: 51px;}
	.header h1 img.logo2{height: 55px;}
	.banner .text img{width:auto;max-width: inherit;height:150px;}
}

@media screen and (max-width: 1270px) {
	.pup-hide .swiper-pagination span {
    margin: 0 5px;
    }
	html {
		font-size: 10px;
	}
	.pup-hide .text1 h3 {
		font-size: 26px;
	}
	.s-box3 .images .img {
		height: 600px;
	}
	.cases {
		width: 900px;
	}
	.caseSwiper {
		padding: 0 75px;
	}
	.cases .txt-box {
		margin-left: -75px;
	}
	.cases .tp a {
		width: 90px;
		height: 90px;
	}
	.cases .txt-box {
		width: 200px;
	}
	.header h1{height: 85px;width: 85px;top: 6px;}
	.header h1 img.logo1{height: 40px;}
	.header h1:hover{width:180px;border-radius: 45px;}
	.header h1 img.logo2{height: 48px;}
	.win .name{font-size:28px;}
	.win .name h4{font-size: 38px;height: 42px;}
	.win .txt{margin-top: 22px;}
	.win dl{margin: 10px 0;}
	.header .wrap{width: 94%;}
	.yuyan{width: 104px;}
	.banner .text img{width:auto;max-width: inherit;height:150px;}
}

@media screen and (max-width: 1199px) {
	.pup-hide .swiper-pagination span {
    margin: 0 5px;
    }
	html {
		font-size: 10px;
	}
	.s-box2 .pic2 .pc-img1,
	.title2 .pic3 img {
		width: 700px;
	}
	.s-box2 .ss1 {
		top: 60px;
		left: 190px;
	}
	.s-box2 .ss2 {
		top: 72px;
		left: 520px;
	}
	.s-box2 .ss3 {
		top: 185px;
		left: 650px;
	}
	.s-box2 .ss4 {
		bottom: 90px;
		left: 390px;
	}
	.section2 .s-box2 {
		height: auto;
	}
	.section2 .title{height: calc(100vh - 434px);}
	.section3 .title2 {
		height: 250px;
	}
	.s-box3, .s-box3 .images {
    height: calc(100vh - 250px);
    }
	.title .tit1,
	.title2 .tit1,
	.title3 .tit1 {
		font-size: 42px;
	}
	.title .tit1 h3,
	.title2 .tit1 h3,
	.title3 .tit1 h3 {
		font-size: 50px;
		height: 60px;
	}
	.title .tit2 {
		width: calc(100% - 268px);
	}
	.s-box3 .images .img {
		height: 600px;
	}
	.nav1 li {
		margin-right: 0px;
	}
	.nav li a {
		padding: 0;
	}
	.win .name{font-size:24px;}
	.win .name h4{font-size: 34px;height: 40px;}
	.s-box2 .ss a h4{font-size:28px;height: 36px;}
	.s-box2 .ss a{font-size: 20px;}
	.win .left{padding: 3% 5%;}
	.win .txt{height:190px;overflow-y:auto}
	.tit-box{width: 100%;bottom: 4%;}
	.share{position: absolute;right: 130px;top: -48px;}
	.yuyan{position: absolute;right: 0px;top: -48px;}
	.banner .text img{width:auto;max-width: inherit;height:140px;}
}

@media ( min-width:1025px) and ( max-width:1100px) {
	.pup-hide .swiper-pagination span {
    margin: 0 5px;
    }
	html {
		font-size: 10px;
	}
	.cases {
		width: 800px;
	}
	.caseSwiper {
		padding: 0 75px;
	}
	.cases .txt-box {
		margin-left: -75px;
	}
	.cases .tp a {
		width: 90px;
		height: 90px;
	}
	.cases .txt-box {
		width: 200px;
	}
	.banner .text img{width:auto;max-width: inherit;height:120px;}
	.pup-hide .text1 dd{margin: 0;width:50%;}
}

@media screen and (max-width: 1024px) {
	body::-webkit-scrollbar { 
    width:0;   /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    background: rgba(255,255,255,0.0000001);
	} 
	/*定义滚动条轨道（凹槽）样式*/ 
	body::-webkit-scrollbar-track { 
	    -webkit-box-shadow: none;    /* 较少使用 */
	    border-radius: 3px; 
	} 
	/*定义滑块 样式*/ 
	body::-webkit-scrollbar-thumb { 
	    border-radius: 3px; 
	    height: 100px;    /* 滚动条滑块长度 */
	    background-color: rgba(0,0,0,0.5); 
	    width: 4px;
	}
	.main{position: inherit;height: auto;}
	body{overflow-y: auto;}
	.wrap {
		width: 94%;
	}
	.pc-img,
	#nav,
	.pc_nav,
	.share1 {
		display: none;
	}
	.wap-img,
	.btn {
		display: block;
	}
	.header .top {
		display: block;
	}
	.header {
		padding: 10px 0;
	}
	.header h1 {
		width: 60px;
		height: 60px;
		top: 30px;
	}
	.header h1 img.logo1 {
		height: 30px;
	}
	.btn {
		top: 80px;
	}
	.header h1:hover {
		width: 180px;
	}
	.header h1 img.logo2 {
		height: 46px;
	}
	.tit-box {
		float: none;
		width: 94%;
		padding: 0 3%;
		position: relative;
	}
	.yuyan {
		margin-left: 0;
		margin-right: 0px;
		position: relative;
		z-index: 101;
		top: 0;
	}
	.title .tit1 {
		padding-right: 0;
		position: relative;
		font-size: 30px;
		display: block;
		width: 100%;
		line-height: 40px;
	}
	.title .tit1 h3 {
		font-size: 36px;
		position: relative;
		top: 2px;
		height: 40px;
		color: #000;
		display: inline-block;
		padding-right: 20px;
	}
	.title .pic1,
	.title .tit2 {
		width: 100%;
		float: none;
	}
	.title .tit2 p {
		font-size: 15px;
		line-height: 20px;
		color: #000;
	}
	.title .tit2 {
		margin-top: 30px;
	}
	.title .pic1 {
		text-align: right;
	}
	.title .pic1 img {
		height: 150px;
	}
	.section2 .s-box2 {
		height: auto;
		overflow: inherit;
	}
	.s-box2 .pic2 img {
		width: 300px;
	}
	.s-box2 .ss a::before {
		width: 26px;
		height: 26px;
		top: 0;
	}
	.s-box2 .ss1 a::before,
	.s-box2 .ss2 a::before,
	.s-box2 .ss3 a::before,
	.s-box2 .ss4 a::before,
	.s-box2 .ss1 a:hover::before,
	.s-box2 .ss2 a:hover::before,
	.s-box2 .ss3 a:hover::before,
	.s-box2 .ss4 a:hover::before {
		background-size: auto 26px;
	}
	.s-box2 .ss a {
		padding-left: 40px;
		font-size: 15px;
	}
	.s-box2 .ss a h4 {
		font-size: 20px;
		height: 26px;
		line-height: 26px;
	}
	.s-box2 .ss1 {
		top: 70px;
		left: 166px;
	}
	.s-box2 .ss2 {
		top: 165px;
		left: 160px;
	}
	.s-box2 .ss3 {
		top: 258px;
		left: 130px;
	}
	.s-box2 .ss4 {
		top: auto;
		bottom: 62px;
		left: 63px;
	}
	.win {
		width: 100%;
		left: 0;
		height: 100%;
	}
	.win .left {
		padding: 40px 4%;
	}
	.win .right {
		position: absolute;
		width: 100%;
		height: calc(100% - 300px);
		background: rgba(246, 52, 63, 0.7);
		top: auto;
		bottom: 0;
		padding: 20px 0;
	}
	.win .xtb {
		left: 50%;
		transform: translate(-50%, 0);
		top: -20px;
	}
	.win .xtb img {
		height: 40px;
	}
	.win .txt {
		width: calc(100% - 5px);
		margin-top: 20px;
		padding-right: 5px;
	}
	.win .name h4 {
		font-size: 20px;
		height: 20px;
		line-height: 20px;
	}
	.win .name {
		font-size: 18px;
	}
	.win .txt p {
		font-size: 13px;
		line-height: 18px;
	}
	.wab-img1,
	.wap-banner,
	.wap-box4 {
		display: block;
	}
	.pc-img1,
	.banner,
	.title2 .pic3,
	.pc-box3,
	.pc-box4 {
		display: none;
	}
	.win dt {
		font-size: 18px;
	}
	.win dd p {
		font-size: 16px;
		line-height: 20px;
	}
	.title2 .tit1 h3 {
		font-size: 36px;
		height: auto;
	}
	.title2 .tit1 {
		font-size: 30px;
		width: 100%;
		text-align: center;
		right: 0;
	}
	.section3 .title2 {
		height: auto;
		padding: 40px 0;
	}
	.section2 .title {
		padding-top: 50px;
		height: auto;
	}
	.cases .tp a {
		width: 60px;
		height: 60px;
	}
	.wap-box3 {
		display: flex;
	}
	.footer p {
		display: none;
	}
	.share2 {
		display: block;
		top: 0;
		position: relative;
		right: 0;
	}
	.footer {
		padding: 15px 5%;
		width: 90%;
	}
	.share2 a img {
		height: 22px;
	}
	.s-box3 {
		height: auto;
		overflow: visible;
	}
	.pup-hide .tp,
	.pup-hide .text1 {
		width: 100%;
		float: none;
		height: 300px;
	}
	.section4 .wap-box4 .way li .left img {
		height: 24px;
	}
	.section4 .wap-box4 .way li .left {
		padding-right: 20px;
	}
	.section4 .way li p {
		font-size: 14px;
		margin: 0;
		line-height: 20px;
	}
	.section4 .way li .right {
		width: calc(100% - 44px);
	}
	.section4 .way li p span {
		font-size: 16px;
		line-height: 18px;
		display: none;
	}
	.pup-hide .text1 h3 {
		font-size: 20px;
		padding-top: 50px;
	}
	.pup-hide .text1 dt {
		font-size: 18px;
		padding: 20px 0 15px 0;
	}
	.pup-hide .text1 dd p {
		font-size: 14px;
	}
	.pup-hide .text1 dd {
		line-height: 20px;
	}
	.pup-hide .text1 {
		height: 480px;
		padding-bottom: 30px;
	}
	.pup-hide .text1 .read {
		width: 92%;
	}
	.yuan {
		position: relative;
		right: auto;
		width: 50%;
		bottom: 57px;
	}
	.arrows {
		width: 100%;
		bottom: 20px;
	}
	.pup-hide .close-1 {
		top: 315px;
	}
	.title .pic1 {
		position: relative;
	}
	html {
		scroll-padding-top: 70px;
		scroll-behavior: smooth;
	}
	.cases .txt-box .jj {
		height: auto;
	}
	.win .txt{height: 160px;overflow-y: auto;}
	.small-dl{width: 90%;}
	.win dl {
    margin: 0px 3%;
    width: 44%;
    display: inline-block;
    float: left;
    }
    .pup-hide .swiper-pagination span{margin: 0 5px;}
    .pup-hide .text1 .read .p1 p{-webkit-line-clamp: 4;}
}

@media ( min-width:770px) and ( max-width:999px) {
	html {
		scroll-padding-top: 70px;
		scroll-behavior: smooth;
	}
}

@media screen and (max-width: 769px) {
	.pup-hide .text1 .read .p1 p{-webkit-line-clamp: 4;}
	.pup-hide .swiper-pagination span{margin: 0 5px;}
	body::-webkit-scrollbar { 
    width:0;   /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    background: rgba(255,255,255,0.0000001);
	} 
	/*定义滚动条轨道（凹槽）样式*/ 
	body::-webkit-scrollbar-track { 
	    -webkit-box-shadow: none;    /* 较少使用 */
	    border-radius: 3px; 
	} 
	/*定义滑块 样式*/ 
	body::-webkit-scrollbar-thumb { 
	    border-radius: 3px; 
	    height: 100px;    /* 滚动条滑块长度 */
	    background-color: rgba(0,0,0,0.5); 
	    width: 4px;
	}
	.pup-hide .text1 p{font-size: 14px;line-height: 18px;}
	.main{position: inherit;height: auto;}
	body{overflow-y: auto;}
	.wrap {
		width: 94%;
	}
	.pc-img,
	#nav,
	.pc_nav,
	.share1 {
		display: none;
	}
	.wap-img,
	.btn {
		display: block;
	}
	.header .top {
		display: block;
	}
	.header {
		padding: 10px 0;
	}
	.header h1 {
		width: 60px;
		height: 60px;
		top: 30px;
	}
	.header h1 img.logo1 {
		height: 30px;
	}
	.btn {
		top: 80px;
	}
	.header h1:hover {
		width: 140px;
	}
	.header h1 img.logo2 {
		height: 38px;
	}
	.tit-box {
		float: none;
		width: 94%;
		padding: 0 3%;
	}
	.yuyan {
		margin-left: 0;
		margin-right: 0px;
		position: relative;
		z-index: 101;
		top: 0;
	}
	.title .tit1 {
		padding-right: 0;
		position: relative;
		text-align: right;
		font-size: 30px;
		display: block;
		width: 100%;
		line-height: 40px;
	}
	.title .tit1 h3 {
		font-size: 36px;
		position: relative;
		top: 2px;
		height: 40px;
		color: #000;
		float: left;
	}
	.title .pic1,
	.title .tit2 {
		width: 100%;
		float: none;
	}
	.title .tit2 p {
		font-size: 15px;
		line-height: 20px;
		color: #000;
	}
	.title .tit2 {
		margin-top: 10px;
	}
	.title .pic1 {
		text-align: right;
	}
	.title .pic1 img {
		height: 90px;
	}
	.section2 .s-box2 {
		height: auto;
		overflow: inherit;
	}
	.s-box2 .pic2 img {
		width: 300px;
	}
	.s-box2 .ss a::before {
		width: 26px;
		height: 26px;
		top: 0;
	}
	.s-box2 .ss1 a::before,
	.s-box2 .ss2 a::before,
	.s-box2 .ss3 a::before,
	.s-box2 .ss4 a::before,
	.s-box2 .ss1 a:hover::before,
	.s-box2 .ss2 a:hover::before,
	.s-box2 .ss3 a:hover::before,
	.s-box2 .ss4 a:hover::before {
		background-size: auto 26px;
	}
	.s-box2 .ss a {
		padding-left: 40px;
		font-size: 15px;
	}
	.s-box2 .ss a h4 {
		font-size: 20px;
		height: 26px;
		line-height: 26px;
	}
	.s-box2 .ss1 {
		top: 70px;
		left: 166px;
	}
	.s-box2 .ss2 {
		top: 165px;
		left: 160px;
	}
	.s-box2 .ss3 {
		top: 258px;
		left: 130px;
	}
	.s-box2 .ss4 {
		top: auto;
		bottom: 62px;
		left: 63px;
	}
	.win {
		width: 100%;
		left: 0;
		height: 100%;
	}
	.win .left {
		padding: 40px 4%;
	}
	.win .right {
		position: absolute;
		width: 100%;
		height: calc(100% - 300px);
		background: rgba(246, 52, 63, 0.7);
		top: auto;
		bottom: 0;
		padding: 20px 0;
	}
	.win .xtb {
		left: 50%;
		transform: translate(-50%, 0);
		top: -20px;
	}
	.win .xtb img {
		height: 40px;
	}
	.win .txt {
		width: calc(100% - 5px);
		margin-top: 20px;
		height: 160px;
		overflow-y: auto;
		padding-right: 5px;
	}
	.win .name h4 {
		font-size: 20px;
		height: 20px;
		line-height: 20px;
	}
	.win .name {
		font-size: 18px;
	}
	.win .txt p {
		font-size: 13px;
		line-height: 18px;
	}
	.wab-img1,
	.wap-banner,
	.wap-box4 {
		display: block;
	}
	.pc-img1,
	.banner,
	.title2 .pic3,
	.pc-box3,
	.pc-box4 {
		display: none;
	}
	.win dt {
		font-size: 16px;
	}
	.win dd p {
		font-size: 14px;
		line-height: 20px;
	}
	.title2 .tit1 h3 {
		font-size: 36px;
		height: auto;
	}
	.title2 .tit1 {
		font-size: 30px;
		width: 100%;
		text-align: center;
		right: 0;
	}
	.section3 .title2 {
		height: auto;
		padding: 40px 0;
	}
	.section2 .title {
		padding-top: 50px;
	}
	.cases .tp a {
		width: 60px;
		height: 60px;
	}
	.wap-box3 {
		display: flex;
	}
	.footer p {
		display: none;
	}
	.share2 {
		display: block;
		position: relative;
		top: 0;
		right: 0;
		height: 22px;
	}
	.footer {
		padding: 15px 5%;
		width: 90%;
	}
	.share2 a img {
		height: 22px;
	}
	.s-box3 {
		height: auto;
		overflow: visible;
	}
	.pup-hide .tp,
	.pup-hide .text1 {
		width: 100%;
		float: none;
		height: 200px;
	}
	.section4 .wap-box4 .way li .left img {
		height: 24px;
	}
	.section4 .wap-box4 .way li .left {
		padding-right: 14px;
	}
	.section4 .way li p {
		font-size: 14px;
		margin: 0;
		line-height: 20px;
	}
	.section4 .way li .right {
		width: calc(100% - 40px);
	}
	.wap-box4 .fix{padding-right: 0;width: 89%;}
	.wap-box4 .title3 .tit1{padding-bottom: 15px;}
	.section4 .way li p span {
		font-size: 16px;
		line-height: 18px;
		display: none;
	}
	.pup-hide .text1 h3 {
		font-size: 18px;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.pup-hide .text1 dt {
		font-size: 18px;
		padding: 15px 0 10px 0;
	}
	.pup-hide .text1 dd p {
		font-size: 14px;
		line-height: 20px;
	}
	.pup-hide .text1 dd {
		line-height: 20px;
	}
	.pup-hide .text1 {
		height: 430px;
		padding-bottom: 0px;
	}
	.pup-hide .text1 .read {
		width: 92%;
	}
	.yuan {
		position: relative;
		right: auto;
		width: 50%;
		bottom: 57px;
	}
	.arrows {
		width: 100%;
		bottom: 20px;
	}
	.pup-hide .close-1 {
		top: 208px;
		right: 10px;
	}
	html {
		scroll-padding-top: 70px;
		scroll-behavior: smooth;
	}
	.cases .txt-box .jj {
		height: auto;
	}
	.section4 .way li{padding: 8px 0;}
	.small-dl{width: 90%;}
	.win dl {
    margin: 0px 3%;
    width: 44%;
    display: inline-block;
    float: left;
    }
}

@media screen and (max-width: 640px) {}