.full .content-main{ overflow:hidden; width:100%; }

.side-title h1{ color:#4e4e4e; font-size:16px; margin: 10px 0; position:relative; z-index:1; border: none; padding: 0; display: flex; flex-direction: column; align-items: center; }
.side-title h1 strong{ color:#4e4e4e; font-size: 21px; position:relative; z-index: 1; font-weight: 400; }
.side-title p { font-size: 35px; font-family: 'Poppins', sans-serif; background: linear-gradient(-117deg, rgb(220, 200, 117) 0%,rgb(185, 146, 63) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 110%; display: flex; justify-content: center; align-items: center; }
.side-title p img { display: inline-block; width: 60px; margin-left: 5px; }

.content-main .contact-img{ float:right; max-width: 65%; }
.content-main h2{ color:#c5af81; font-size:20px; letter-spacing:0.1em; margin-top:30px; }
.content-main article{ float:left; color:#282828; font-size:14px; margin-top: 30px; }
.content-main article p{ color:#c1a250; margin: 5px 0; }
.content-main article p a{ color:#282828; }

#Cgmap{ margin: 40px 0; }

.contact-info{ overflow:hidden; margin-top: 15px; }
.contact-info article{ color:#4e4e4e; font-size:12px; }
.contact-info .leftinfo{ float:left; width:25%; }
.contact-info .four li{ float: right; width: 25%; }
.contact-info .four li .border{ border: 2px solid #2b2b2b4d; text-align: center; margin: 0 10px; padding: 40px 0 30px; position: relative; }
.contact-info .four li .border a{ position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }
.contact-info .four li .border p{ color: #2b2b2b; text-align: center; height: 46px; overflow: hidden; margin-top: 25px; font-size: 14px; word-break: break-all; }
.contact-center span, .contact-form span{ display:inline-block; width:7px; height:7px; border-radius:50%; background: #c3a14e; margin-right: 5px; }
.contact-form{margin: 60px auto 90px;position:relative;z-index:2;}
.contact-form .titleJ{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-form .titleJ h2{
    font-size: 30px;
    margin-bottom: 40px;
}
.contact-form #form1{
    width: 650px;
    margin: 0 auto 20px;
    background: white;
    padding: 50px 100px;
    border-radius: 10px;
    box-shadow: 0 0 22px rgb(213 213 213 / 15%);
    max-width: 100%;
}
.contact-form fieldset{ padding:0; margin:0; border: 0; overflow:hidden; }
.contact-form fieldset .left, .contact-form fieldset .right, .contact-form fieldset .forcode{float:left;width: 100%;}
.contact-form fieldset .right{ float:right; }
.contact-form fieldset .img_box { overflow: hidden; width: 100%; }
.contact-form fieldset .img_box a { position: relative; padding: 5px 20px; background: #2e2e2e; display: inline-block; color: #fff; }
.contact-form fieldset .img_box a#chImages { margin-right: 10px; padding-right: 21px; background: #4b9679; }
.contact-form fieldset .img_box input[type="file"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }
.contact-form div div{ font-size:14px; color: #dcdcdc; margin-bottom:30px; position:relative; }
.contact-form div div label{display:block;margin-bottom: 10px;color: #2b2b2b;font-size: 18px;}
.contact-form div div label .light{ font-weight:normal; color: #a1a1a1; }
.contact-form div div input[type="text"], .contact-form div div textarea, .contact-form div div select, .ckeList{ display: block; background: rgb(252 252 252 / 0.1); width: 97%; border-radius: 5px; height: 36px; outline: none; padding-left:2%; color: #1c1c1c; border: #c6c6c6ad 1px solid; }
.contact-form div div select{ width: 99%; color: #4c4c4c; }
.contact-form div div textarea{ height: 100px; padding: 10px 0 10px 2%; }
.contact-form div div p.sex{ position: absolute; right: 1%; top: 0; }
.contact-form .code input[type="text"]{ display:inline-block; width:200px; margin-right:10px; }
.contact-form .send{ text-align:center; margin-top: 20px; }
.contact-form .send p{ text-align:center; display:inline-block; line-height: 14px; font-size: 14px; }
.contact-form .send p.sendp{ padding: 10px 15px; color: #fff; background-color: #c9a94f; }
.contact-form .send p.sendp:hover{ background: #466c52; color:#fff; cursor:pointer; }
.contact-form .send p.sendp i{ margin: 0 10px; }
.contact-form .send p input{ background: none; line-height: 14px; font-size: 14px; color: #fff; }
.contact-form .send p.sendp:hover input{ color:#fff; }

/* previewImgs */
#previewImgs p { position: relative; margin: 5px 10px 20px 0; display: inline-block; }
#previewImgs p img { width: 135px; height: 135px; object-fit: cover; }
#previewImgs p a { position: absolute; width: 20px; height: 20px; background: #f50202; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; top: -5px; right: -10px; z-index: 1; }

@media screen and (max-width: 1366px) {
	.contact-info .leftinfo{ width: 20%; }
}
@media screen and (max-width: 1280px) {
	.contact-info .leftinfo{ width: 100%; margin-bottom: 20px; }
	.contact-info .four{ width:100%; }
}
@media screen and (max-width: 980px) {
	.contact-info .four li{ width:50%; margin-bottom: 10px; }
	.contact-form #form1{
    width: calc(100% - 60px);
    padding: 25px 30px;
}
}
@media screen and (max-width: 768px) {
	.contact-form fieldset .left, .contact-form fieldset .right, .contact-form fieldset .forcode{ width:100%; }
	.notice p:before, .notice p:after{ width:30%; }
	.contact-form .forcode .code input[type="text"]{ width:100px; }
}
@media screen and (max-width: 640px) {
	.contact-info .four li .border{ margin: 0 5px; padding: 20px; }
	.contact-info .four li .border p{ height: 75px; }
}