@import "common.css";

/* 轮播 */
.inner-banner{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/video/contact-banner.jpg") no-repeat center; background-size: cover;}

/* 地址 */
.address{height: 500px; background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/contact/map.jpg") center no-repeat #FFFFFF; background-size: auto 100%;}
.address .mask{width: calc(50% + 250px); border-radius: 250px 0 0 250px; box-shadow: -35px 0 43px -15px rgba(0, 0, 0, 0.08); background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/contact/mask-bg.png") no-repeat left top; background-size: auto 100%; transition: transform 0.8s ease-in-out;}
.address .mask .radius{width: 500px; height: 500px; border: #FFFFFF 100px solid;}
.address .mask .radius span{width: 280px; height: 280px; background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 0 40px -15px rgba(0, 0, 0, 0.2);}
.address .mask p{font-size: 20px; line-height: 38px;}
.address .sign{width: 300px; height: 300px;}
.address .sign img{transform: translateX(21px);}
.address:hover .mask{transform: translateX(105%);}

/* 信息 */
.info dl{width: calc((100% - 20px) / 2); height: 500px;}
.info dl b{font-size: 38px; line-height: 38px;}
.info dl dt{height: 240px;}
.info dl dt p{width: calc((100% - 20px) / 2);}
.info dl ul{height: 240px;}
.info dl ul li{width: 68px; height: 68px; margin-right: calc((100% - 272px) / 5); border: #FFFFFF 3px solid;}
.info dl ul li:last-child{margin-right: 0;}
.info dl ul li a img:first-child{top: 0;}
.info dl ul li a img:last-child{top: 68px;}
.info dl ul li p{bottom: -18px; opacity: 0; visibility: hidden;}
.info dl ul li .code{width: 188px; padding: 5px 5px 10px 5px; transform: translateY(-298px); box-shadow: 0 8px 24px 0 rgba(0,60,116,.08); opacity: 0; visibility: hidden;}
.info dl ul li:hover{background-color: #FFFFFF;}
.info dl ul li:hover a img:first-child{top: -68px;}
.info dl ul li:hover a img:last-child{top: 0;}
.info dl ul li:hover p{bottom: -38px; opacity: 1; visibility: visible;}
.info dl ul li:hover .code{transform: translateY(-238px); opacity: 1; visibility: visible;}
/*.info dl ul li p{bottom: -38px;}*/