.contact2 {background: #F9F9F9;}
.contact2 .left {width: 46%;}
.contact2 .left h2 {font-size: 1.875vw;font-family: Calibri_Light;font-weight: bold;color: #000000;-webkit-text-stroke: 1px rgba(0, 0, 0, 0);text-stroke: 1px rgba(0, 0, 0, 0);text-transform: uppercase;}
.contact2 .left .edit_info {font-size: 0.938vw;font-family: Calibri_Light;font-weight: 400;line-height: 1.6;color: #000;}
.contact2 .left .edit_info p{padding: 0.521vw 0;}
.contact2 .left li {padding: 1.042vw 0;font-size: 0.938vw;font-family: Calibri_Light;border-bottom: 1px solid #DCDCDC;font-weight: 400;line-height: 1.458vw;color: #333333;}
.contact2 .left li:last-child {border-bottom: none;}
.contact2 .right {width: 51%;}

.contact-title {font-size: 1.875vw;font-family: Calibri_Light;font-weight: bold;text-align: center;color: #000000;text-transform: uppercase;}

.contact3 .contact-title {margin-bottom: 2.76vw;}
.contact3 .group:nth-child(1){width: calc(50% - 0.26vw);margin-bottom: 0.521vw;}
.contact3 .group {width: calc(25% - 0.26vw);padding: 9.115vw 2.604vw 4.167vw;background: #F5F5F5;box-shadow: 0.26vw 0.26vw 0.313vw rgba(0, 0, 0, 0.08);}
.contact3 .group .ev .icon {width: 2.604vw;margin-bottom: 1.042vw;}
.contact3 .group .ev .icon img {width: 100%;}
.contact3 .group .ev p {font-size: 1.458vw;line-height: 1.2;font-family: Calibri_Light;font-weight: 400;color: #000000;max-width: 31.354vw;}
.contact3 .group:nth-child(1) {box-shadow: 0vw 0vw 1.354vw rgba(0, 0, 0, 0.09);background: #FFFFFF url('../image/contact3-1.jpg') no-repeat right top/contain;}

.contact3 .group:nth-child(2) ,
.contact3 .group:nth-child(5) ,
.contact3 .group:nth-child(7)  {background: #000000;}

.contact3 .group:nth-child(2) .ev p,
.contact3 .group:nth-child(5) .ev p,
.contact3 .group:nth-child(7) .ev p {color: #FFFFFF;}

.contact4 {background: #FCFCFC;}
.contact4 .contact-title {margin-bottom: 2.969vw;}
.contact4 .ev {display: flex;flex-direction: column;justify-content: center;text-align: center;width: 25vw;border-radius: 7px;margin-bottom: 1.771vw;font-size: 1.458vw;font-family: Calibri_Light;font-weight: 400;color: #000000;padding: 3.9vw 1.97917vw;box-shadow: 0.521vw 0.521vw 1.563vw rgba(0, 0, 0, 0.16);transition: all ease .3s;}
.contact4 .ev:hover {color: #fff;background: #000000;}


.contact5 {padding: 4.688vw 0 8.333vw;background: url('../image/contact5-1.png') no-repeat center/cover;}
.contact5 .contact5-wrap {width: 70.833vw;margin: 0 auto;max-width:1600px;margin:0 auto;}
.contact5 .left {width: 52%;}
.contact5 .left #Map {width: 100%;height: 100%;min-height: 10.417vw;}
.contact5 .right {width: 41%;padding: 1.042vw 0 0;}
.contact5 .right h2 {font-size: 1.875vw;margin-bottom: 0.5em;font-family: Calibri_Light;font-weight: bold;color: #000000;text-transform: uppercase;}
.contact5 .right ul {margin-bottom: 1.042vw;max-width: 15.625vw;}
.contact5 .right li {padding-left: 1.042vw;margin-bottom: 1em;position: relative;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #191919;}
.contact5 .right li .img {width: 0.625vw;position: absolute;left: 0;top: 0.7em;transform: translateY(-50%);}
.contact5 .right li .img img {width: 100%;}
.contact5 .contact-form button {margin-top: 1.563vw;}
.contact5 .amap-logo {display: none !important;}



/* 
*======================================================media===============================================================
*/
@media screen and (max-width:991px) {
.contact2 .wrap {flex-direction: column-reverse;}
.contact2 .left {width: 100%;margin-top: 40px;}
.contact2 .left h2 {font-size: 22px;}
.contact2 .left .edit_info{font-size: 16px;line-height: 28px;}
.contact2 .left .edit_info p{padding: 10px 0;}
.contact2 .left li {padding: 20px 0;font-size: 14px;border-bottom: 1px solid #DCDCDC;line-height: 28px;}
.contact2 .right {width: 100%;}

.contact-title {font-size: 26px;}

.contact3 .contact-title {margin-bottom: 53px;}
.contact3 .group{margin-bottom: 10px;}
.contact3 .group {width: calc(50% - 5px);padding: 60px 50px 40px;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.08);}
.contact3 .group:nth-child(1) {width: 100%;}
.contact3 .group .ev .icon {width: 50px;margin-bottom: 20px;}
.contact3 .group .ev p {font-size: 20px;max-width: 602px;}
.contact3 .group:nth-child(1) {box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.09);}

.contact4 .contact-title {margin-bottom: 57px;}
.contact4 .ev {width: 48%;border-radius: 7px;margin-bottom: 34px;font-size: 18px;padding: 60px 50px;box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);}
.contact5 {padding: 70px 0;}
.contact5 .contact5-wrap {width: 90%;}
.contact5 .left {width: 100%;}
.contact5 .left #Map {min-height: 0;height: 350px;}
.contact5 .right {width: 100%;padding: 20px 0 0;}
.contact5 .right h2 {font-size: 26px;}
.contact5 .right ul {margin-bottom: 20px;max-width: 300px;}
.contact5 .right li {padding-left: 20px;font-size: 16px;}
.contact5 .right li .img {width: 12px;}
.contact5 .contact-form button {margin-top: 30px;}
}

@media screen and (max-width:768px) {
.contact2 .left h2 {font-size: 20px;}
.contact2 .left .edit_info{font-size: 18px; }
.contact3 .group {width: 100%;padding: 40px;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.08);}
.contact4 .ev {width: 100%;font-size: 18px;padding:40px;margin-bottom: 24px;}
.contact5 {padding: 40px 0;}
.contact5 .right h2 {font-size: 20px;}
.contact5 .left #Map {height: 300px;}
}

@media screen and (max-width:480px) {
.contact-title {font-size: 20px;}
.contact2 .left .edit_info{font-size: 16px; line-height: 1.5;}
.contact3 .group {padding: 24px;}
.contact3 .group .ev .icon {width: 40px;}
.contact3 .group .ev p {font-size: 16px;}

.contact4 .ev {font-size: 16px;padding:24px;margin-bottom: 20px;}
.contact4 .contact-title {margin-bottom: 37px;}

.contact5 .contact5-wrap {width: 95%;}
.contact5 .left #Map {height: 250px;}
}