.box1_cp_m{display: none;}

:root {
  --theme-color: #000;
  --secondary-color: #febc35;
  --opposite-color: #FEBC35;
  --text-color: #585858;
  --title-color: #1A1D2D;
  --white-color: #ffffff;
  --light-bg-color: #f6f6f6; }

.titleBox.artType1{display:none;}

.lx-box{margin: 80px auto; text-align: center;}

.artCont h5{padding: 0px 0px 0px 20px;text-align: center;font-size: 2rem;}
.contact-infos{max-width:1200px;display: flex;align-items: flex-start;
    justify-content: space-evenly;
    margin: auto; }

.contact-infos .contact-info {
    border: 1px solid #ebedf2;
    padding: 30px 20px;
    /* background: #f4f6fd; */
    border-radius: 4px;
    transition: .3s ease-in-out;
	width:24%;min-height: 260px;    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-infos .contact-info:hover {
    transform: translateY(-5px);
    transition: .3s ease-in-out;
    box-shadow: 4px 8px 16px rgb(0 0 0 / 10%);
}

.contact-infos .contact-info span {
    font-size: 40px;
    margin-bottom: 10px;
	    color: #FFF;
	background: #febc35;background-color: #e92b29;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-infos .contact-info h4 {
    font-size: 20px;
    color: var(--title-color);
    margin: 10px 0 5px 0;
    font-weight: 600;
    text-transform: uppercase;
}
.contact-infos .contact-info p {
    font-size: 16px;
    color: var(--text-color);
    line-height: 24px;
	padding: 1rem 2rem 0rem 2rem;
    text-align: center;
}

.ArtBack.btn1{display:none !important;}

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

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


.contact-wrap{max-width: 1200px;}
.contact-wrap .titles{margin: 50px 0;text-align: center;clear: both;}
.contact-wrap .titles h2{}
.contact-wrap .titles h5{}

.contact-box1{display: flex;height: 300px;flex-direction: row;flex-wrap: wrap;align-items: center;}
.contact-box1 .img{width:440px;overflow: hidden;}
.contact-box1 .img img{width:100%; height: 300px;}
.contact-box1 .desc{ flex: 1; background:#f2f2f2;padding:30px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.contact-box1 .desc h3{width: 150px;line-height: 45px;font-size: 20px;color: #fff;text-align: center;background: #014998;}
.contact-box1 .desc .text{font-size: 16px;line-height: 34px;}
.contact-box2{padding:50px 0px;}
.contact-box2 ul{display: flex;
    justify-content: space-between;}
.contact-box2 ul li{border: 1px solid #eee;
    width: calc((100% / 4) - 20px);
    height: auto;
    text-align: center;
    color: #666;
    margin: 0px;
    margin-bottom: 30px;
    line-height: 160%;
    padding: 10px;
    background: #f8f8f8;
    transition: all 0.2s;}
.contact-box2 ul li:hover {
    box-shadow: 2px 2px 20px #ccc;
    transform: scale(1.02);
}
.contact-box2 ul li div{ display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;padding: 40px 30px 10px 30px;}
.contact-box2 ul li em{font-family: "iconfont"; font-size:40px; color:#014998; }
.contact-box2 ul li h5{display: block;
    font-size: 18px;
    color: #333;
    padding: 15px 0 5px 0;    margin: 0;
    font-style: normal;font-weight: bold;}
.contact-box2 ul li p{display: block;
    font-size: 14px;}

.contact-map{border: 1px solid rgb(204, 204, 204); margin-bottom:80px;}


@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);}
}
@media screen and (max-width: 767px)
{
	.contact-box2 ul{flex-direction: column;}
	.contact-box2 ul li{width:100%;}
}
@media screen and (max-width: 425px)
{
	.contact-infos .contact-info{width:100%;margin:1px;}
}
@media screen and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}