@font-face {
	font-family: 'SourceHanSansHWHC-VF';
	src: url('../SourceHanSansHWHC-VF.otf');
	font-weight: normal;
	font-style: normal;
}
.list{margin: 0 auto;}
.list-title{float: left;width: 100%;text-align: center;padding: 100px 0 30px 0;}
.list-title-top{display: inline-block;height: 40px;}
.list-title h2{display: inline-block;background: #FFFFFF;height: 40px;line-height: 40px;position: relative;z-index: 1;padding: 0 20px;font-size: 16px;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.list-title i{position: absolute;width: 40px;top: 20px;height: 2px;background: #000000;}
.list-title .i1{left: -40px;}
.list-title .i2{right: -40px;}
.list-title hr{border: none;border-bottom: 2px solid #000000;width: 100%;margin-left: -40px;margin-top: -21px;position: relative;z-index: 0;padding: 0 40px;}
.list-title-p{width: 100%;text-align: center;line-height: 50px;color: #888888;font-size: 12px;font-family: 'SOURCEHANSERIFCN-REGULAR';}

.mindan-list-title{float: left;width: 100%;text-align: center;padding: 100px 0 30px 0;}
.mindan-list-title-top{display: inline-block;height: 40px;}
.mindan-list-title h2{display: inline-block;background: #FFFFFF;height: 40px;line-height: 40px;position: relative;z-index: 1;padding: 0 20px;font-size: 16px;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.mindan-list-title hr{border: none;border-bottom: 2px solid #000000;width: 100%;margin-left: -40px;margin-top: -21px;position: relative;z-index: 0;padding: 0 40px;}
.mindan-list-title-p{width: 100%;text-align: center;line-height: 50px;color: #888888;font-size: 12px;font-family: 'SOURCEHANSERIFCN-REGULAR';}

.lunbo{width: 100%;float: left;}
.lunbo img{width: 100%;float: left;}

.guanyuwomen{width:100%;max-width: 1200px;justify-content: space-between;display: flex;padding-top:60px;}
.guanyuwomen-left{width: 200px;max-width: 17%;}
.guanyuwomen-left dt{height: 40px;line-height: 40px;color: #FFFFFF;background: #0C3244;box-sizing: border-box;padding: 0 10px;display: inline-block;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.guanyuwomen-left dd{width: 100%;line-height: 40px;box-sizing: border-box;padding: 0 0 0 10px;color: #65767E;padding-left: 10px;position: relative;}
.guanyuwomen-left dd::before{float: left;width: 2px;height: 16px;background: #65767E;content: '';top: 12px;position: absolute;left: 0;}
.guanyuwomen-left dd a{color: #65767E;font-size: 14px;}
.guanyuwomen-right{width: 1000px;max-width: 83%;margin: 0 0;box-sizing: border-box;border: 1px solid #C8D1D6;display: flex;}




.youshi{float: left;width: 100%;padding-bottom: 80px;}
.youshi-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
.youshi-list-content{text-align: center;}
.youshi-list-content ul{display: inline-block;box-sizing: border-box;padding: 0 100px;}
.youshi-list-content ul li{float: left;width:25%;margin-right: 0px;max-width: 100%;box-sizing: border-box;padding: 0 20px;}
.youshi-list-content ul li img{width: 100%;float: left;}
.youshi-list-content ul li:last-child{margin-right: 0;}
.youshi-list-content ul li h3{font-weight: 500;line-height: 30px;height: 30px;overflow: hidden;float: left;width: 100%;text-align: left;box-sizing: border-box;padding: 0 5px;font-weight: normal;font-size: 14px;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.youshi-list-content ul li p{line-height: 30px;height: 60px;overflow: hidden;float: left;width: 100%;text-align: left;color: #666666;box-sizing: border-box;padding: 0 5px;font-family: 'SOURCEHANSERIFCN-REGULAR';}


.mindan{float: left;width: 100%;padding-bottom: 80px;}
.mindan-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;margin-top: 20px}
.sousuo{width: 400px;height: 50px;margin-top: 20px;}
.sousuo .key{width: 350px;height: 50px;line-height: 50px;padding: 0 10px;float: left;margin: 0 0;box-sizing: border-box;border: 1px solid #DDDDDD;font-size: 14px;color: #999999;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.sousuo .submit{width: 50px;height: 50px;line-height: 50px;padding: 0 0px;float: left;margin: 0 0;background: #DDDDDD;border: none;cursor: pointer;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.zanwu{width: 100%;text-align: center;line-height: 200px;display: none;color: #999999}
.mindan-list-content{text-align: center;max-width: 1200px;height: 448px;overflow: hidden;}
.mindan-list-content ul{display: inline-block;width: 100%;box-sizing: border-box;max-width: 1300px;position: relative;top: 0px;transition: width 0.05s;
	-webkit-transition: width 0.05s; /* Safari */}
.mindan-list-content ul li{width:150px;max-width: 100%;box-sizing: border-box;height: 150px;position: relative;border: 1px solid #DDDDDD;float: left;margin-left: -1px;margin-bottom: -1px;}
.mindan-list-content ul li img{width: 100%;height: 100%;position: relative;z-index: 1;cursor: zoom-in;}
.mindan-list-content ul li .tanchu{position: fixed;left: 0;top: 0;width:100%;height: 100%;background:rgba(0,0,0,0.1);z-index: 999999;display: none;cursor: zoom-out;}
.mindan-list-content ul li .tanchu .tanchu-con{background: #FFFFFF;position: absolute;transform:translate(-50%,-50%);left: 50%;top: 50%;width: 310px;box-shadow: 0 0 5px #aaaaaa;border-radius: 8px;overflow: hidden;cursor: zoom-out;overflow-x: hidden;
	overflow-y: auto;max-height: 90%;}
.mindan-list-content ul li .tanchu .tanchu-con img{width: 310px;height: 310px;float: left;cursor: zoom-out;}
.mindan-list-content ul li .tanchu .tanchu-con .desc{float: left;width: 310px;box-sizing: border-box;padding: 0 20px;padding-bottom: 10px;}
.mindan-list-content ul li .tanchu .tanchu-con .desc h4{float: left;line-height: 40px;text-align: left;font-size: 16px;font-width: 700;width: 100%}
.mindan-list-content ul li .tanchu .tanchu-con .desc pre{float: left;line-height: 30px;text-align: left;font-size: 14px;width: 100%;color: #666666;
	}
.mindan-list-content ul li .tanchu .tanchu-con .desc p{float: left;line-height: 30px;text-align: left;font-size: 14px;width: 100%;color: #666666;}
.mindan-list-content ul li .tanchu .tanchu-con .desc span{float: left;line-height: 30px;text-align: left;font-size: 14px;width: 100%;color: #666666;}
.gengduomidan{width: 100%;background: #DDDDDD;line-height: 30px;text-align: center;font-size: 12px;color: #666666;margin-top: 20px;
	cursor: pointer;}
.chuzu{float: left;width: 100%;padding-bottom: 80px;}
.chuzu h2{background: white;}


.chuzu-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
.chuzu-list-content{text-align: center;width: 1390px;max-width: 100%;}
.chuzu-list-content ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.chuzu-list-content ul li{width: 17%;margin: 0 0;margin-right: 47.5px;margin-right: 3.75%;margin-bottom: 30px;}
.chuzu-list-content ul li:nth-child(5n){margin-right: 0;}
.chuzu-list-content ul li .img{width: 100%;position: relative;background: #EFF2F4;}
.chuzu-list-content ul li .img span{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 25px;}
.chuzu-list-content ul li .img img{width: 100%;display: flex;cursor: zoom-in;}
.chuzu-list-content ul li .div{width: 100%;padding: 5px 0;}
.chuzu-list-content ul li .div span{display: flex;width: 100%;line-height: 25px;justify-content: center;overflow: hidden;font-family: 'SOURCEHANSERIFCN-REGULAR';color: #333333;}
.chuzu-list-content ul li .div label{display: flex;width: 100%;line-height: 25px;justify-content: center;overflow: hidden;font-family: 'SOURCEHANSERIFCN-REGULAR';color: #333333;}








.chuzutan{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);cursor: zoom-out;z-index: 99999;text-align: center}
.chuzutan img{max-width: 100%;max-height: 100%;cursor: zoom-out;position: absolute;transform:translate(-50%,-50%);left: 50%;top: 50%;}



.peizhi{float: left;width: 100%;padding-bottom: 80px;}
.peizhi-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
.peizhi-list-content{text-align: center;width: 100%;text-align: center;}
.peizhi-list-content ul{box-sizing: border-box;display: flex;justify-content: center;max-width: 1390px;width: 100%;position: relative;height: 560px;}
.peizhi-list-content ul li{position: absolute;width: 26.6%;}
.peizhi-list-content ul li img{max-width: 100%;}
.peizhi-list-content ul li h3{line-height: 30px;font-size: 14px;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.peizhi-list-content ul li:nth-child(1){left: 0;top: 0;}
.peizhi-list-content ul li:nth-child(2){left: 24.46%;top: 190px;}
.peizhi-list-content ul li:nth-child(3){left: 48.92%;top: 0;}
.peizhi-list-content ul li:nth-child(4){left: 73.38%;top: 190px;}


.contact{float: left;width: 100%;padding-bottom: 80px;background: url(../img/28.png) no-repeat;background-size:100% auto;text-align: center;background-position: bottom left;}
.contact h2{background: none;}
.contact .list-title i{}
.contact .list-title-p{}
.contact-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
.contact-list-content{text-align: center;width: 1200px;text-align: center;background: #FFFFFF;box-sizing: border-box;max-width: 100%;display: flex;justify-content: space-between;}
.contact-left{width: 50%;}
.contact-left img{width: 100%;display: flex;}
.contact-right{width: 50%;box-sizing: border-box;padding: 30px 0 0 40px;font-family: 'SOURCEHANSERIFCN-REGULAR';}
.contact-right li{line-height: 25px;text-align: left;margin-bottom: 40px;color: #65767E;}
.contact-right li a{color: #65767E;line-height: 25px;box-sizing: border-box;padding-left: 50px;display: inline-block;}
.contact-right .phone a{background: url(../img/32.png) no-repeat 0 center;}
.contact-right .email a{background: url(../img/31.png) no-repeat 0 center;}
.chuzu-guanggao{width: 100%;max-width: 1390px;display: flex;overflow: hidden;margin-top: 30px;}
.chuzu-guanggao img{width: 100%}




@media only screen and (min-width: 1380px) and (max-width: 1880px) {
	
}
@media only screen and (min-width: 1200px) and (max-width: 1380px) {

	
} 
@media only screen and (max-width: 1200px) {
	.about-list-left .m{float: left;width: 100%;margin-top: 60px;}
	.about-list-right .i2{left: -20%;}
	.youshi-list-content ul{padding: 0 0px;}


	.shipin-list-left video{max-width: 80%;}

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.about-list-right .i2{left: -10%;}
	.shipin-list-left video{max-width: 100%;}
	.youshi-list-content ul{padding: 0 0px;}
	.youshi-list-content ul li{width:50%;padding: 0 10px;}


	.contact-list-content .form{padding: 60px 40px;}
}


@media only screen and  (max-width: 768px) {
	.guanyuwomen{width:100%;max-width: 1200px;justify-content: space-between;display: flex;padding-top:60px;flex-wrap: wrap;}
	.guanyuwomen-left{width: 100%;max-width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
	.guanyuwomen-left dt{height: 40px;line-height: 40px;color: #FFFFFF;background: #0C3244;box-sizing: border-box;padding: 0 10px;width: 100%;}
	.guanyuwomen-left dd{height: 40px;line-height: 40px;box-sizing: border-box;padding: 0 0 0 10px;color: #65767E;width: 50%;}
	.guanyuwomen-left dd::after{float: left;width: 2px;height: 16px;background: #65767E;content: '';margin-top: 12px;margin-right: 10px;}
	.guanyuwomen-left dd a{color: #65767E;font-size: 14px;}
	.guanyuwomen-right{width: 100%;max-width: 96%;margin: 0 2%;box-sizing: border-box;border: 1px solid #C8D1D6;display: flex;box-sizing: border-box;}
}
@media only screen and (min-width: 680px) and (max-width: 768px) {
	.list-title{padding: 50px 0 20px 0;}
	.about-list-right .i2{left: 60%;width: 30%;}
	.about-list-left h3{line-height: 30px;font-size: 20px;font-weight: 500;}
	.about-list-left p{color: #888888;margin-top: 10px;font-size: 14px;}
	.about-list-left .m{float: left;width: 100%;margin-top: 20px;}
	.shipin-list-left video{max-width: 100%;}
	.youshi-list-content ul{padding: 0 0px;}
	.youshi-list-content ul li{width:50%;padding: 0 10px;font-size: 14px;}



	.peizhi-list-content ul{width: 560px;}
	
	.contact-list-content .form{padding: 60px 20px;}
}
@media only screen and (max-width: 680px) {
	.about-list-left{width: 100%;}
	.about-list-right{width: 100%;box-sizing: border-box;padding: 0 20px;margin-top: 20px;}
	.list-title{padding: 50px 0 20px 0;}
	.about-list-right .i2{left: 60%;width: 30%;}
	.about-list-left h3{line-height: 30px;font-size: 20px;font-weight: 500;}
	.about-list-left p{color: #888888;margin-top: 10px;font-size: 14px;}
	.about-list-left .m{float: left;width: 100%;margin-top: 20px;}
	.about-list-left .m label h4{font-size: 24px;}
	.about-list-left .m label span{font-size: 16px;}
	.shipin-list-left video{max-width: 100%;}
	.youshi-list-content ul{padding: 0 0px;}
	.youshi-list-content ul li{width:100%;padding: 0 0px;font-size: 14px;}

	.mindan-list{padding: 0 10px;}
	.mindan-list-content ul{padding: 0 0px;display: flex;justify-content: flex-start;flex-wrap: wrap}
	.mindan-list-content ul li{width:85px;height: 85px;margin-top: 5px}

	.peizhi-list-content ul{width: 280px;}
	.contact-list-content{padding: 40px 20px;}
	.contact-list-content .top li{float: left;width: 100%;margin-top: 20px;}
	.contact-list-content .form{padding: 40px 0;}
	.contact-list-content .form .form1 .text{width: 100%;margin-right: 0;}

	/* 商戶名單 */
	.sousuo{width: 320px;height: 40px;}
	.sousuo .key{width: 270px;height: 40px;line-height: 40px;padding: 0 10px;float: left;margin: 0 0;box-sizing: border-box;border: 1px solid #DDDDDD;}
	.sousuo .submit{width: 50px;height: 40px;line-height: 40px;padding: 0 0px;float: left;margin: 0 0;background: #DDDDDD;border: none;cursor: pointer;}
}
@media only screen and (max-width: 360px) {
	.about-list-left{width: 100%;}
	.about-list-right{width: 100%;box-sizing: border-box;padding: 0 20px;margin-top: 20px;}
	.list-title{padding: 50px 0 20px 0;}
	.about-list-right .i2{left: 60%;width: 30%;}
	.about-list-left h3{line-height: 30px;font-size: 20px;font-weight: 500;}
	.about-list-left p{color: #888888;margin-top: 10px;font-size: 14px;}
	.about-list-left .m{float: left;width: 100%;margin-top: 20px;}
	.about-list-left .m label h4{font-size: 24px;}
	.about-list-left .m label span{font-size: 16px;}
	.shipin-list-left video{max-width: 100%;}
	.youshi-list-content ul{padding: 0 0px;}
	.youshi-list-content ul li{width:100%;padding: 0 10px;font-size: 14px;}

	.peizhi-list-content ul{width: 280px;}
	.contact-list-content{padding: 40px 20px;}
	.contact-list-content .top li{float: left;width: 100%;margin-top: 20px;}
	.contact-list-content .form{padding: 40px 0;}
	.contact-list-content .form .form1 .text{width: 100%;margin-right: 0;}

	#warp {
		height: 371px;
		overflow: hidden;
		position: relative;
	}
	.mindan-list-content ul{padding: 0 0px;}
	.mindan-list-content ul li{width:75px;height: 75px;}
}



@media only screen and (max-width: 1200px) {
	.chuzu-list-content ul li{width: 22%;margin: 0 0;margin-right: 4%;margin-bottom: 20px;}
	.chuzu-list-content ul li:nth-child(4n){margin-right: 0;}
	.chuzu-list-content ul li:nth-child(5n){margin-right: 4%;}
	
	.peizhi-list-content ul{box-sizing: border-box;display: flex;justify-content: center;max-width: 1390px;width: 100%;position: relative;height: 460px;}
	.peizhi-list-content ul li{position: absolute;width: 26.6%;}
	.peizhi-list-content ul li img{max-width: 100%;}
	.peizhi-list-content ul li:nth-child(1){left: 0;top: 0;}
	.peizhi-list-content ul li:nth-child(2){left: 24.46%;top: 150px;}
	.peizhi-list-content ul li:nth-child(3){left: 48.92%;top: 0;}
	.peizhi-list-content ul li:nth-child(4){left: 73.38%;top: 150px;}
}

@media only screen and (max-width: 1000px) {
	.contact{float: left;width: 100%;padding-bottom: 80px;background: url(../img/28.png) no-repeat;background-size:100% auto;text-align: center;background-position: bottom left;}
	.contact h2{background: none;}
	.contact .list-title i{}
	.contact .list-title-p{}
	.contact-list{float: left;width: 100%;box-sizing: border-box;padding: 0 20px;}
	.contact-list-content{text-align: center;width: 1200px;text-align: center;background: #FFFFFF;box-sizing: border-box;max-width: 100%;display: flex;justify-content: space-between;}
	.contact-left{width: 60%;}
	.contact-left img{width: 100%;display: flex;}
	.contact-right{width: 40%;box-sizing: border-box;padding: 30px 0 0 40px;}
	.contact-right li{line-height: 25px;text-align: left;margin-bottom: 40px;color: #65767E;box-sizing: border-box;}
	.contact-right .phone a{background: url(../img/32.png) no-repeat 0 center;}
	.contact-right .email a{background: url(../img/31.png) no-repeat 0 center;}
}
@media only screen and (max-width: 800px) {
	.chuzu-list-content ul li{width: 30%;margin: 0 0;margin-right: 5%;margin-bottom: 20px;}
	.chuzu-list-content ul li:nth-child(4n){margin-right: 5%}
	.chuzu-list-content ul li:nth-child(5n){margin-right: 5%;}
	.chuzu-list-content ul li:nth-child(3n){margin-right: 0;}
	
	.peizhi-list-content ul{box-sizing: border-box;display: flex;justify-content: center;max-width: 1390px;width: 100%;position: relative;height: 300px;}
	.peizhi-list-content ul li{position: absolute;width: 26.6%;}
	.peizhi-list-content ul li img{max-width: 100%;}
	.peizhi-list-content ul li:nth-child(1){left: 0;top: 0;}
	.peizhi-list-content ul li:nth-child(2){left: 24.46%;top: 100px;}
	.peizhi-list-content ul li:nth-child(3){left: 48.92%;top: 0;}
	.peizhi-list-content ul li:nth-child(4){left: 73.38%;top: 100px;}
	
	.contact{float: left;width: 100%;padding-bottom: 0;background: url(../img/28.png) no-repeat;background-size:100% auto;text-align: center;background-position: bottom left;}
	.contact h2{background: none;}
	.contact .list-title i{}
	.contact .list-title-p{}
	.contact-list{float: left;width: 100%;box-sizing: border-box;padding: 0 0px;}
	.contact-list-content{text-align: center;width: 1200px;text-align: center;background: #FFFFFF;box-sizing: border-box;max-width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 0;}
	.contact-left{width: 100%;}
	.contact-left img{width: 100%;display: flex;}
	.contact-right{width: 100%;box-sizing: border-box;padding: 30px 0 0 40px;}
	.contact-right li{line-height: 25px;text-align: left;margin-bottom: 40px;color: #65767E;box-sizing: border-box;}
	.contact-right .phone a{background: url(../img/32.png) no-repeat 0 center;}
	.contact-right .email a{background: url(../img/31.png) no-repeat 0 center;}
}
@media only screen and (max-width: 600px) {
	.youshi-list {
	  float: left;
	  width: 100%;
	  box-sizing: border-box;
	  padding: 0 10px;
	}
	.chuzu-list {
	  float: left;
	  width: 100%;
	  box-sizing: border-box;
	  padding: 0 10px;
	}
	.chuzu-list-content ul li{width: 100%;margin: 0 0;margin-right: 0%;margin-bottom: 20px;}
	.chuzu-list-content ul li:nth-child(4n){margin-right: 0%}
	.chuzu-list-content ul li:nth-child(5n){margin-right: 0%;}
	.chuzu-list-content ul li:nth-child(3n){margin-right: 0%;}
	.chuzu-list-content ul li:nth-child(2n){margin-right: 0;}
	
	.peizhi-list-content ul{box-sizing: border-box;display: flex;justify-content: space-between;max-width: 1390px;width: 100%;position: relative;height: unset;flex-wrap: wrap;}
	.peizhi-list-content ul li{position: relative;width: 45%;left: 0 !important;top: 0 !important;}
	.peizhi-list-content ul li img{max-width: 100%;}
	.peizhi-list-content ul li h3{line-height: 30px;font-size: 14px;padding-bottom: 20px;}
	
	
	
	.youshi,.mindan,.peizhi,.chuzu {
	  float: left;
	  width: 100%;
	  padding-bottom: 40px;
	}
	
	

}