﻿.contact-map{width:100%; height: 400px;border:1px solid #ccc;}
.contactBox{display:flex;width:100%; margin: 0;text-align: left; margin-top:60px;flex-direction: column;}
.contactBox.cont{width: 100%;background: #f0f0f0;overflow: hidden;margin: 26px 0 50px 0;}
.contactBox.cont ul{width:100%; display:flex;flex-direction: column;flex-wrap: wrap;}
.contactBox.cont ul li{padding:1.6rem 2rem; text-align: left; font-size:16px; border-bottom:1px solid #ccc;width:100%;display: flex;align-items: center;}
.contactBox.cont ul li:nth-child(1){font-size:1.65rem;font-weight: bold;}
.contactBox.cont ul li:nth-last-child(1){border-bottom:0px;}
.contactBox.cont ul li em{font-family: "iconfont"; font-size:34px;color: var(--color1);margin-right: 1rem;}

.contactBox.bsc{width: 100%;background: #fff;overflow: hidden;margin: 26px 0 34px 0;}
.bsclist{margin-top:1rem;}
.contactBox.bsc ul{width:100%; display:flex; flex-wrap: wrap;}
.contactBox.bsc ul li{width:32%; border:1px solid #eee;margin: 1% 0px;float: left; padding:15px;}
.contactBox.bsc ul li:nth-child(3n+2){margin:1%;}
.contactBox.bsc ul li h5{font-size:16px; color:#000000; font-weight: bold;margin-bottom: 10px;}
.contactBox.bsc ul li p{line-height: 2; color: #333; font-size:14px;}
.contactBox.bsc ul li p strong{font-weight: bold;}


.formBox .form_item{width:98%; float: left; margin:0vh 5% 2vh auto; position: relative;}
.formBox .form_item input[type="text"]{border: 1px solid #edeef0;
    background: none;
    border-radius: 5px;
    width: 96%;
    float: left;
    padding: 15px 10px;color: #333;}
.formBox .form_item input[type="text"]::-webkit-input-placeholder{ color:#ccc; font-size: 14px;}    /* 使用webkit内核的浏览器 */
.formBox .form_item input[type="text"]:-moz-placeholder{color:#ccc; font-size: 14px;}                  /* Firefox版本4-18 */
.formBox .form_item input[type="text"]::-moz-placeholder{color:#ccc; font-size: 14px;}                  /* Firefox版本19+ */
.formBox .form_item input[type="text"]:-ms-input-placeholder{color:#ccc; font-size: 14px;}   
.InputErr{position: absolute; top:10px; right: 5px; color:#ffa53a; font-size: 20px;}
.formBox .form_item input.yydate{background: url("icon_date.png") no-repeat 97% center transparent;}
#Calendar{width:80%;}
#Calendar table{width:100%;}


.formBox .form_item select.yySel{border: 1px solid #cecece;
    background: none;
    border-radius: 5px;
    width: 96%;
    float: left;
    padding: 15px 15px 15px 10px;
	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
	background: url("icon_sel.png") no-repeat scroll 96% center transparent;
	color:#cecece;
}
/*.formBox .form_item select.yySel:focus{border:0px;}*/
.formBox .form_item select.yySel::-ms-expand {display: none;}

.formBox .form_item select.yySel::-webkit-input-placeholder{ color:#cecece; font-size: 14px;}    /* 使用webkit内核的浏览器 */
.formBox .form_item select.yySel:-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本4-18 */
.formBox .form_item select.yySel::-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本19+ */
.formBox .form_item select.yySel:-ms-input-placeholder{color:#cecece; font-size: 14px;} 
.formBox .form_item select.yySel option::-ms-expand{ display: none; }
.formBox .form_item select.yySel option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
.formBox .form_item select.yySel option{margin:10px auto;background: #f5f5f5; font-size:14px; line-height: 2em;
    color: #4cd2b8;}
.formBox .form_item select.yySel option.default{color:#cecece;}

.formBox h5{font-size:1.2rem; font-weight: 300; color:#333333;display: block;text-align: left;margin:2vh auto 1vh auto;float: left;width: 99%;}
.formBox .form_text{width:93%;display: block;}
.formBox .form_text textarea{width:100%; height:16vh;color: #333;border: 1px solid #edeef0;border-radius: 5px;background: none;padding: 10px;}
.formBox .form_text textarea::-webkit-input-placeholder{color:#cecece; font-size: 14px;} 
.formBox .form_text textarea:-moz-placeholder{color:#cecece; font-size: 14px;} 
.formBox .form_text textarea:-moz-placeholder{color:#cecece; font-size: 14px;} 
.formBox .form_text textarea:-ms-input-placeholder{color:#cecece; font-size: 14px;}


.formBox .btn_more{margin-top:2vh;}
.order_input_lx{border: 1px solid #edeef0;}
.search_btn{background: #00396f;color: #FFFFFF;border: 0px;padding: 2px 15px;margin-left: 5px;position: relative;}
.search_btn:hover{background-color: #af263c; transition: 0.5s; cursor: pointer;}




.map-box{padding:80px 0px 30px 0px; overflow: hidden; background:#f8f8f8; background-position: bottom center; background-repeat: no-repeat;margin: auto;}
.map-box .wrap{position: relative;}
.map-img{text-align:center;padding-bottom: 120px;padding-right: 50px;}
.map-desc1{position:absolute; left: 0px; bottom: 150px;}
.map-desc1 h3{font-size:20px; font-weight: bold;}
.map-desc1 p{font-size:16px; text-transform: uppercase;}

.map-desc2{position:absolute; right: 0px; top: 200px;}
.map-desc2 h3{font-size:40px; color:#e82626; font-weight: bold;padding-bottom: 20px;}
.map-desc2 p{font-size:20px; line-height: 1.8em; width:260px; font-weight: 500;margin: auto;}
.map-lx{position:absolute; left: 40px; bottom: 5px;}
.map-lx h3{font-size:40px; color:#ffffff; display: inline-block;}
.map-lx p{font-size:25px; color:#ffffff; display: inline-block; padding-left:20px; font-weight: bold;}
.map-lx p span{font-size:34px;}
.map-tel{position:absolute; left: 640px; bottom: 15px;}
.map-tel:before{content: "\e880";
	font-family: "iconfont" !important;
    color: #ffffff;
	background: #e82626;
    font-size: 34px;
    padding: 5px;
    z-index: 10;
    text-align: center;
	margin-right: 0px;
	border-radius: 50px;
}
.map-tel a{font-size:24px; font-weight: bold; color:#e82626;}

@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: 3rem;}
	
	.contactBox h3{font-size:3rem;}
	.contactBox p strong{font-size:2rem; font-weight: 500;}
	.contactBox p{font-size:1.6rem;}
	.form-group .btn{font-size:2rem; padding:10px 0px;}
	.contactBox p strong{font-size:1rem;}
}
@media screen and (max-width: 767px)
{
	.contact-infos .contact-info{width:100%;}
	.contactBox{flex-direction: column;}
	.contactBox aside{width:100%;}
	.contactBox aside h3{max-width:100%;}
	.contactBox aside .contact-item{padding-left: 25px;padding-right: 25px;}
	.contactBox .formBox{width:100%; margin-left:0px; margin-top:3rem;}
	.contactBox.bsc ul li{width:100%;}
	.contactBox.bsc ul li:nth-child(3n+2){margin: 1% 0px;}
	
}
@media screen and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}