body{}
/*.main-navigation{position:relative; background: none;height: 80px; border-bottom: 1px solid #E2E2E2;}
.main-navigation .wrap{max-width: unset;padding: 0px 3vw;}
.main-navigation ul li a {color: #333;}
.navbar .logo-w{display: none;}
.navbar .logo-sm-height{display:block;}
.navbar.headFlex, .navbar.ny.headFlex{position: fixed !important;}*/
/*.main-navigation{position:relative; background: none;border-bottom: 1px solid #E2E2E2;*/}
.ArtBack.btn1{display:none !important;}

.contactForm{max-width: 1200px; margin: auto; background: #f5f5f5;}

.map-wrapper{padding:50px 10px;}

.gray-bg {background: #F5F5F5;}

.contactBox{padding-bottom: 0px;}
.pb-box {padding:80px 0 120px 0;}
.pt-box {padding-top: 120px;}
.container {width: 1440px;margin: 0 auto;max-width: 1440px;}
.contactBox h1{font-size: 60px;font-weight: 300;margin: 0;padding: 0;}
.contactBox h3 {font-size: 40px;font-weight: 300;color: #000;text-align: left;font-family: 'HarmonyOS_Regular';}
.contact-cont{margin-top: 0px;display:flex; justify-content: space-between;max-width: unset;align-items: flex-start;}
.cont-l{width: 50%;}
.cont-r{ display: flex;flex: 1;justify-content: flex-end;}
.cont-r img{max-width:100%;max-width: 80%;}
.contact-items{}
.contact-item{font-size: 24px;position: relative;padding: 0 0 50px 2rem;font-size: 24px;}
.contact-item h5{}
.contact-item .text{line-height: 1.5;font-weight: 300;}

.pb-box:nth-child(1) .contact-cont{align-items: flex-end;}


.contact-cont .title{width:100%;}
.contact-cont .title h1{font-size:40px; font-weight: bold;}
.contact-address{display:flex;align-items: flex-end;margin-top: 40px;    margin-bottom: 60px;border-bottom: 1px solid rgb(0 0 0 / 15%);padding-bottom: 10px;}
.contact-address h5{font-size:24px; color:#666666;    line-height: 32px;margin-right: 60px;}
.contact-address a{display: block;font-size: 16px;color: var(--color1);line-height: 36px;}
.contact-address a:before{font-family:"iconfont";content:"\e885"; margin-right:0px;font-size: 2rem; color:var(--color1);}
.contact-item{display:flex;padding:0px; font-size:18px;margin: 10px 0px;}
.contact-item h5{font-weight: bold; color:#000; text-align: left;}
.contact-item .text{line-height: 1.5;font-weight: 500;font-family: 'HarmonyOS_Regular';font-size: 20px;margin-left: 15px;}


.social-box{padding:100px 0px; background:#f5f5f5;}
.qr-items{
	width: 100%;
	margin-left:0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;    padding-top: 20px;
    padding-bottom: 50px;}
.qr-item{position: relative;margin-right: 20px;}
.qr-icon{width:150px; height: 150px; background:#ffffff; display:flex;align-items: center;justify-content: center;border: 1px solid #eee;}
.qr-icon:before{font-family: "iconfont";content:"";font-size:50px;color:#00479d;}
.qr-gzh-icon:before{content:"\e63c";}
.qr-qywx-icon:before{content:"\e7de";}
.qr-qq-icon:before{content:"\e677";}
.qr-dy-icon:before{content:"\e8db";}
.qr-apple-icon:before{content:"\e6a5";}
.qr-an-icon:before{content:"\e6a2";}
.qr-url-icon:before{content:"\e718";}
.qr-item:hover .qr-img{display:block;}
.qr-item .qr-img{display:none;
    position: absolute;
	font-size: 14px;
    text-align: center;
    top: -160px;
    left: 0px;
    width: 140px;
    height: 160px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.qr-item .qr-img img{max-width:100%;max-width: 120px;}
.qr-item p{padding: 10px 0px;text-align: center;}

.map-desc {
    position: relative;
    padding-left: 120px;
    width: 1320px;margin-top: 35px;
	font-size: 25px;
}
.contact-map{margin-top:80px;}

.form-des{width: 500px;position: relative;padding-left: 0rem;margin-top: 35px;font-size: 25px; font-weight: 300;font-family: 'HarmonyOS_Regular';}

.form-box{width: 100%;max-width:600px;}
/*.form-box .form-control{border: 0px;border-bottom: 1px solid #ced4da; margin-bottom:2rem;}*/

.form-box .btn{
	border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-size: 20px;
    font-weight: 500;padding: 1rem 5rem;
    background: var(--color6);
    color: #FFFFFF;}
.form-box .btn:hover{background: var(--color2);}
textarea::placeholder {
            font-size: 12px;
            color: #919191 !important;
        }
		input::placeholder {
            font-size: 12px;
            color: #919191 !important;
        }


@media only screen and (min-width: 1024px) {
	
}

@media screen and (max-width: 1023px)
{
	.cen_box_maps {
		width: 90%;
		margin: auto 5%;
		padding-bottom: 200px;
	}
	.cen_box_maps .topInfos{width:100%;}
	.topInfos .topInfo {width: 100%;height: 34px;line-height: 34px;}
	.cen_box_maps .contents{height: auto;    min-height: 90vw;background: none; background-repeat: no-repeat; background-position: center; background-size: contain;background-image: url(/images/icon/map.jpg); }
	.cen_box_maps .contents .mainPostion,.cen_box_maps .contents .nomalPostion {display: none;}
	.mainInfo{margin:auto;}
	.nomalInfos {width: 90vw;margin: 10px auto 10px 2vw;}
	.nomalInfos .nomalInfo{width:100%;margin-right: 0%;    background: url(/images/icon/map_position.png) center left no-repeat;}
	.nomalInfos .nomalInfo.long{width:100%;}
	.Pagination{display: none;}
	
	.contact-infos{flex-wrap: wrap;}
	.contact-infos .contact-info{width:48%;}
	.contact-infos .contact-info:nth-child(4) p{word-break: break-all;}
	.artCont h5{font-size: 2rem;}
	
	.contact-box1 .img{width:100%;}
	.contact-box1 .img img{height:auto;}
	.contact-box1{height: auto;}
	.contact-box2 ul li{width:calc((100% / 2) - 20px);}
	
	.pb-box{padding: 80px 0 25px 0;}
	.pt-box{padding-top: 80px;}
	.cont-l{width:100%;}
	.contact-item{padding: 0 0 1rem 0rem;align-items: baseline;}
	.contact-item h5{}
	.contact-item .text{margin: 0px;}
	.container{width:100%; max-width:100%;}
	.map-desc{width:100%; max-width:100%; padding:0px;}
	.form-des{width:100%; max-width:100%; padding:0px;font-size: 1.5rem;}
	.contact-cont{flex-direction: column;}
	.contact-cont .cont-r{width:100%; margin: 2rem 0px;}
	.form-box .btn{    height: auto;padding: 15px 20px;background: var(--color1);color: #fff;margin-top: 1rem;}
	.checkbox{display:flex;}
}
@media screen and (max-width: 767px)
{
	.contact-box2 ul{flex-direction: column;}
	.contact-box2 ul li{width:100%;}
	.cont-r img{max-width: 100%;}
	.contact-address{align-items: baseline;}
	.contact-address a{flex-shrink: 0;}
}
@media screen and (max-width: 430px)
{
	.contact-infos .contact-info{width:100%;margin:1px;}
}
@media screen and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}