@charset "utf-8";
/*html {
    filter: gray !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}*/
html,body{
	margin: 0;
	padding:0;
	
}
html {
	background: url('../images/bg1.png') no-repeat center;
	background-size: cover;
	min-width: 1540px;
}
ul{
	margin:0;
	padding:0;
	list-style: none;
}
a {
	text-decoration: none;
}

img {
	display: block;
}

.p-bundle {
	position: relative;
}

.flex {
	display: flex;
}

.text {
	font-size: 18px;
	font-family: PingFangSC;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
	text-indent: 2em;
	text-align: justify;
}
.text.l24 {
	line-height: 24px;
}

.banner {
	height: 1216px;
	background: url('../images/banner.png') no-repeat center;
	background-size: cover;
	z-index: 10;
	position: relative;
}

.main {
	width: 1450px;
	padding: 0 45px;
	margin: -202px auto 0;
	background: url(../images/line.png) no-repeat;
	z-index: 9;
	position: relative;
}

.part-title {
	padding-top: 97px;
}

.line-logo {
	position: relative;
	margin-bottom: 28px;
}

.line-logo::before {
	content: '';
	position: absolute;
	left:0;
	bottom: 30px;
	width: 620px;
	height: 2px;
	background-color: #B73209;
}

.line-logo::after {
	content: '';
	position: absolute;
	right:0;
	bottom: 30px;
	width: 620px;
	height: 2px;
	background-color: #B73209;
}

.line-logo img{
	width: 137px;
	height: 170px;
	margin: 0 auto;
}

.title1 {
	margin: 0 auto;
}

.part1 .content {
	display: flex;
	margin: 60px 0 60px;
}

.part1 .content .left{
	padding: 40px 60px 0 142px;
}

.part1 .content .right img {
	width: 410px;
}
.part1 .content .right .text{
	width: 610px;
	padding-top: 14px;
}

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

.part1 .group1 .item {
	width: 330px;
}

.part1 .group1 .item .img-box {
	display: flex;
	height: 180px;
	margin-bottom: 24px;
	border: 3px solid #FFFFFF;
	box-shadow: 4px 4px 7px 0px rgba(4, 0, 0, 0.54);
	background-color: #c9d6e0;
}

.part1 .group1 .item .img-box .in-img {
	width: 130px;
	height: 180px;
}

.part1 .group1 .item .img-box .other-box {
	padding: 30px 23px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	line-height: 24px;
	text-indent: 2em;
}

.part2 .img-left {
	width: 258px;
	height: 349px;
}

.tip-box {
	box-shadow: 3px 4px 5px 0px 
		rgba(4, 0, 0, 0.27);
	border-radius: 30px;
	color: #fff;
	position: relative;
}

.tip-box.brown {
	background-color: #a5a482;
}

.tip-box.blue {
	background-color: #4e98c5;
}

.tip-box.purple{
	background-color: #988ab4;
}
.tip-box.brown2{
	background-color: #c39f78
}

.tip-box.bottom::after {
	content: '';
	position: absolute;
	left: 64px;
	bottom: -30px;
	width: 0;
    height: 0;
	border-top: 30px solid transparent;
    border-right: 45px solid transparent;
	filter: drop-shadow(3px 4px 5px
	rgba(4, 0, 0, 0.27));
}
.tip-box.bottom::before {
	content: '';
	position: absolute;
	left: 64px;
	bottom: 0px;
	width: 45px;
    height: 5px;
	z-index: 10;
}

.tip-box.brown.bottom::after {
	border-top-color: #a5a482;
}

.tip-box.brown.bottom::before {
	background-color: #a5a482;
}

.tip-box.blue.bottom::after {
	border-top-color: #4e98c5;
}

.tip-box.blue.bottom::before {
	background-color: #4e98c5;
}

.tip-box.purple.bottom::after {
	border-top-color: #988ab4;
}

.tip-box.purple.bottom::before {
	background-color: #988ab4;
}

.tip-box.top::after {
	content: '';
	position: absolute;
	left: 64px;
	top: -30px;
	width: 0;
    height: 0;
	border-bottom: 30px solid transparent;
    border-right: 45px solid transparent;
}

.tip-box.purple.top::after {
	border-bottom-color: #988ab4;
}

.tip-box.blue.top::after {
	border-bottom-color: #4e98c5;
}

.tip-box.left::after {
	content: '';
	position: absolute;
	left: -34px;
	top: 40px;
	width: 0;
    height: 0;
	border-top: 40px solid transparent;
    border-left: 34px solid transparent;
}

.tip-box.brown.left::after {
	border-top-color: #a5a482;
}
.tip-box.blue.left::after {
	border-top-color: #4e98c5;
}
.tip-box.purple.left::after {
	border-top-color: #988ab4;
}


.part2 .tip1 {
	width: 198px;
	height: 65px;
	padding: 33px 25px;
	margin-top: -17px;
	margin-left: -4px;
}

.titlebox {
	position: relative;
	padding-left: 60px;
}

.titlebox::before{
	content: '';
	position: absolute;
	left: 0px;
	top: -10px;
	width: 47px;
    height: 55px;
	background: url(../images/address.png) no-repeat;
}
.part2 .center {
	width: 410px;
	margin-top: 60px;
	margin-left: 42px;
}

.part2 .tip2 {
	width: 317px;
	padding: 40px 50px;
	margin-top: -17px;
	margin-left: -4px;
}

.part2 .title1 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 25px;
}
.part2 .content{
	font-family: PingFangSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 30px;
}
.part2 .title3 {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: right;
}

.part3 .img1 {
	width: 578px;
	height: 272px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part3 .img2 {
	width: 277px;
	height: 254px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-top:126px;
	margin-left: -90px;
}

.part3 .img2-text {
	margin-top: 20px;
	margin-left: -76px;
}

.part4 .img1 {
	width: 211px;
	height: 404px;
}

.part5 .img1 {
	width: 198px;
	height: 297px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part5 .tip1 {
	width: 435px;
    padding: 33px 25px;
    margin-left: 248px;
    margin-top: 25px;
}

.part6 .img1 {
	width: 215px;
	height: 257px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part7 .img1 {
	width: 199px;
	height: 297px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part7 .img2 {
	width: 376px;
	height: 322px;
	margin: -8px 45px 0 70px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part8 .img1 {
	width: 238px;
	height: 168px;
	margin-right: 45px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part8 .tip1 {
	width: 900px;
	padding: 40px 50px;
}

.part8 .title1 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 30px;
}

.part9 .img1 {
	margin-left: 46px;
}

.part9 .tip2 {
	width: 448px;
	padding: 30px 34px;
	margin-top: 50px;
}

.part10 {
	margin-top: 100px;
}
.part10 .left {
	width: 505px;
	
}

.part10 .img1 {
	width: 189px;
	height: 276px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part10 .img2 {
	width: 191px;
	height: 309px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part11 .img1 {
	width: 235px;
	height: 376px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 40px;
}

.part11 .img2 {
	width: 123px;
	height: 172px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 50px;
}

.part11 .tip1 {
	width: 470px;
	padding: 20px 28px;
}

.part12 .img1 {
	width: 504px;
	height: 282px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
}

.part12 .img2 {
	width: 278px;
	height: 414px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
	margin-top: -130px;
}

.part12 .tip1 {
	width: 490px;
	padding: 30px 36px;
	margin-left: 560px;
	margin-top: -20px;
}

.part12 .img3 {
	width: 401px;
	height: 232px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
}

.part12 .img4 {
	width: 305px;
	height: 232px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
}

.part12 .img5 {
	width: 189px;
	height: 232px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
}

.part13 .img1 {
	width: 387px;
	height: 261px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part13 .img2 {
	width: 217px;
	height: 458px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 30px;
}

.part13 .img3 {
	width: 316px;
	height: 221px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 40px;
}
.part13 .img4 {
	width: 363px;
	height: 219px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 40px;
}
.part13 .img5 {
	width: 363px;
	height: 219px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 40px;
}
.part13 .img6 {
	width: 319px;
	height: 215px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 40px;
}

.part14 .tip1 {
	padding: 34px 48px;
}

.part14 .title1 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 30px;
}

.part14 .img1 {
	width: 246px;
	height: 309px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin: -66px 0 0 -222px;
    z-index: 10;
}

.part14 .img2 {
	width: 527px;
	height: 295px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}
.part14 .img3 {
	width: 261px;
	height: 387px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part15 .img1 {
	width: 225px;
	height: 310px;
	margin-right: 60px;
}

.part16 .tip1 {
	padding: 67px 50px 50px 0px; 
}

.part16 .title1 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 45px;
}

.part16 .img1 {
	width: 369px;
	height: 255px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part17 .img1 {
	width: 567px;
	height: 315px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 60px;
	margin-bottom: 30px;
}
.part17 .img2{
	width: 230px;
	height: 333px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
}

.part18 .img1 {
	width: 370px;
	height: 234px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin: -13px 0 0 -78px
}

.part18 .tip1 {
	padding: 72px 82px 69px
}

.part18 .title1 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 30px;
}

.part19 .img1 {
	width: 169px;
	height: 261px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 34px;
}

.part19 .img2 {
	width: 380px;
	height: 376px;
	margin-bottom: 30px;
}

.part20 .img1 {
	width: 448px;
	height: 266px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 50px;
}
.part21 .img1 {
	width: 196px;
	height: 296px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 42px;
}
.part22 .tip1{
	width: 626px;
	padding: 40px 60px 30px;
	margin-left: 288px;
}

.part23 .img1 {
	width: 260px;
	height: 499px;
}

.part23 .tip1 {
	width: 1268px;
	padding: 40px 0;
	text-align: center;
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
}
.part23 .img2 {
	width: 230px;
	height: 325px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin: -216px 55px 0 125px;
	z-index: 10;
}

.part23 .img3 {
	width: 306px;
	height: 207px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-right: 36px;
}

.part24 .img1 {
	width: 189px;
	height: 260px;
}
.title222 {
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 20px;
}

.part25 .tip1 {
	padding: 48px 60px;
}

.part26 .img1  {
	width: 326px;
	height: 437px;
	margin: 0 35px 0 77px;
}

.part27 .img1 {
	width: 294px;
	height: 357px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 45px;
}

.part27 .img2 {
	width: 589px;
	height: 353px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 45px;
}

.part27 .img3{
	width: 493px;
	height: 352px;
	box-shadow: 5px 5px 8px 0px 
		rgba(4, 0, 0, 0.54);
	border: solid 4px #ffffff;
	margin-bottom: 45px;
}

.footer {
	min-width: 1540px;
	height: 1125px;
	background-size: cover;
	background:url('../images/bg3.png') no-repeat center;
	/* background-color: pink; */
}

.main2 {
    width: 1450px;
    padding: 0 45px;
	margin: 0 auto;
}
.main2 .part-title {
	padding-top: 50px;
}

.main2 .part-title  .line-logo::before ,.main2 .part-title  .line-logo::after{
    bottom: 70px;
}

.part9 .ml-1 {
	margin-left: 500px;
}

.part9 .wd-1 {
	width: 707px;
}

.part11 {
	margin-top: -40px;
}

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

    .part9 .ml-1 {
		margin-left: 0px;
	}
	.part9 .wd-1 {
		width: 830px;
	}

	.part10 {
		margin-top: 280px;
	}

	.part11 {
		margin-top: -26px;
	}
	.part12 .tip1 {
		margin-top: 20px;
	}
}