/* pageContact */
.pageContact{ width: 1230px; padding: 0 ; margin:4.575rem auto 3.575rem auto;}
.pageForm .title{ text-align: center;  width: 100%; text-align: center; font-size: 14px; color: #999; line-height: 26px;}
.pageContact .title p{ font-size: 2rem; color: #333; margin-bottom: 10px;}
.pageContact .list{ width: 1300px; margin: 20px auto; }
.pageContact .list dl{ float: left; width:270px; padding: 0 10px; padding-left:20px; margin:0 auto;}
.pageContact .list dl dt{ width: 120px; height: 120px; margin: 0; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.pageContact .list dl:nth-child(1) dt{ background: url(../images/adr.png) left center no-repeat;}
.pageContact .list dl:nth-child(2) dt{ background: url(../images/phone.png) left center no-repeat;}
.pageContact .list dl:nth-child(3) dt{ background: url(../images/ask.png) left center no-repeat;}
.pageContact .list dl:nth-child(4) dt{ background: url(../images/email.png) left center no-repeat;}
.pageContact .list dl dd{ width: 100%; text-align: left; margin: 0 auto; font-size: 14px; color: #999; line-height: 35px;}
.pageContact .list dl dd a{ color: #999;}
.pageContact .list dl dd a:hover{ color: #999;}
.pageContact .list dl dd p{ font-size: 20px; color: #333; margin: 0px auto 10px;}
/*.pageContact .list dl:hover dd,.pageContact .list dl:hover dd p{ color: #999;}*/
.pageContact .list dl:nth-child(1):hover dt{ background: url(../images/adr.png) left center no-repeat;}
.pageContact .list dl:nth-child(2):hover dt{ background: url(../images/phone.png) left center no-repeat;}
.pageContact .list dl:nth-child(3):hover dt{ background: url(../images/ask.png) left center no-repeat;}
.pageContact .list dl:nth-child(4):hover dt{ background: url(../images/email.png) left center no-repeat;}
/*
.pageContact .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
*/

/* pageMap */
.pageMap{ width: 100%; height:750px; background-color: #f5f5f5; position: relative; min-width: 90rem;}
.pageMap #mapall { height:750px; position: relative; z-index: 1; width: 100%;}
.pageMap .list{ width: 90rem; left: 50%; margin-left: -720px; bottom: 80px; position: absolute; z-index: 2; background-color: #fff; height: 100px; padding: 40px 0; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05);}
.pageMap .list dl{ float: left; width: 24%; height: 60px;  border-left: solid 1px #f5f5f5; padding: 20px 4.5%;}
.pageMap .list dl:first-child{ border-left: 0; }
.pageMap .list dl dt{ float: left; width:88%; line-height: 35px; font-size: 20px; color: #000; font-weight: bold; padding-left: 12%; background: url(../images/car.png) left center no-repeat;}
.pageMap .list dl dd{ float: left; width:88%; padding-left: 12%; margin-top: 8px; line-height: 26px; font-size: 14px; color: #333;}
.anchorBL{display:none;}