@charset "utf-8";
.we{ background-color: #E9E9E9; padding-top: 22px; }

/* 宗旨 */
.we .purpose .box{ width: 100%; height: 266px; background-image: url(../images/contact_backGround.png); background-size: 100% 100%; text-align: center; line-height: 266px; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: 2px; }

/* 战略合作伙伴 */
.we .partner{ width: 100%; height: 275px; background-color: #FAFAFA; }
.partner .title{ width: 11%; color: #2E373E; text-align: center; padding-top: 25px; margin-left: 86px; }
  .partner .title h3{font-size: 16px; letter-spacing: 1px;}
  .partner .title p{font-size: 14px;}


.we .partner .left{ width: 40%; height: 100%; display: flex; justify-content: center; align-items: center; }
  .we .partner .left h3{ font-size: 16px; color: #8C8C8C; letter-spacing: 2px; margin-right: 10px; } 
  .we .partner .left p{ width: 135px; height: 30px; color: #fff; text-align: center; line-height: 30px;}
  .we .partner .left p a{ width: 100%; height: 100%; display: block; background-color: #4598CA; color: #fff; font-weight: 300; }

.we .partner .links{ width: 100%; height: 100%; overflow: hidden;}
  .we .partner .links ul { width: 90%; padding:0 5%;height: 100%; overflow: hidden; margin-bottom: -20px; margin-top: 0; }
  .we .partner .links ul li{ float: left; width: 183px; height: 22px; display: flex;; justify-content: center; align-items: center; margin: 38px 25px 0 0; }
  .we .partner .links ul li img{ width: 100%; height: 100%; }


/* 地图 */
.onlineMap{ width: 100%; background-color: #E9E9E9; overflow: hidden;}
.onlineMap .container { width: 100%; height: 398px; background-image: url(../images/contactMap.png); }
  .onlineMap .container .title{ width: 10%; color: #FFFFFF; text-align: center; padding-top: 36px; margin-left: 86px;}
  .onlineMap .container .title h3{ font-size: 16px; font-weight: 700; letter-spacing: 1px; }
  .onlineMap .container .title p{ font-size: 14px; }

.onlineMap .container .map{ width: 75%; border-radius: 12px 12px 0 0; overflow: hidden; margin: 36px auto 0 auto; }
.onlineMap .container .map .top{ width: 100%;height: 35px;background-color: #E4E4E4; display: flex; align-items: center; }
  .onlineMap .container .map .top p{ width: 10px; height: 10px; border-radius: 50%; float: left; margin-left: 10px; line-height: 35px; }

.onlineMap .container .map .left{ width: 40px; height: 1000px; background-color: #34454F; padding-top: 12px; }
  .onlineMap .container .map .left p{ width: 24px; height: 24px; background-color: #2E393B; border-radius: 50%; margin: 0 auto 12px auto; }

.onlineMap .container .map .right{ width: 40px; height: 1000px; background-color: #FFFFFF;}

.colorBlock{
  width: 100%;
  height: 256px;
  background-color: #E9E9E9;
}

/* 联系我们 */
.contact { width: 100%; height: 650px; background-color: #373737; position: relative; margin-top: 250px; }
.contact .container{ width: 100%; height: 500px; background-color: #FAFAFA; position: relative;top: -250px; }
.contact .container .title{ width: 10%; color: #2E373E; text-align: center; padding-top: 80px; margin-left: 86px; }
  .contact .container .title h3{font-size: 16px; letter-spacing: 1px;}
  .contact .container .title p{font-size: 14px;}

.contact .content{ display: flex; justify-content: center; margin-top: 32px; }
  .contact .content .item{ width: 209px; height: 250px; background-color: #FFFFFF; border: 1px solid #F1F1F1; }
  .contact .content .item img{ /*width: 106px;*/ height: 106px; margin-top: 30px;}
  .contact .content .item .mail,.contact .content .item .tel,.contact .content .item .weixin{display: flex; justify-content: center;}
  .contact .content .item h3{ color: #787878; font-size: 16px; padding-top: 15px; }
  .contact .content .item p{ color: #949494; font-size: 14px; }
  .contact .content .item h3,.contact .content .item p{ padding-left: 28px; margin-top: 8px;}