@charset "utf-8";
/* ---- 服务流程 ---- */
.procedure {width: 75em;margin: 0 auto;}
.procedure .title {width: 75em;margin: 0 auto;padding: 1.5em;text-align: center;}
.procedure .title h3 {display: inline-block;font-size: 2em;line-height: 2em;}
.procedure .title hr {display: inline-block;width: 12.5em;height: 2px;background-color: #dddddd;margin: 0.625em 2em;}
.procedure ul {padding: 1em 0;}
.procedure li {float: left;width: 8.75em;text-align: center;margin: 0.98em;cursor: pointer;}
.procedure li .img-box {width: 100%;height: 8.75em;border-radius: 50%;}
.procedure li:nth-of-type(1) .img-box { background: #3f94fa url(../images/icon_service.png) 0 0 no-repeat;}
.procedure li:nth-of-type(2) .img-box { background: #3f94fa url(../images/icon_service.png) -140px 0 no-repeat;}
.procedure li:nth-of-type(3) .img-box { background: #3f94fa url(../images/icon_service.png) -280px 0 no-repeat;}
.procedure li:nth-of-type(4) .img-box { background: #3f94fa url(../images/icon_service.png) -420px 0 no-repeat;}
.procedure li:nth-of-type(5) .img-box { background: #3f94fa url(../images/icon_service.png) -560px 0 no-repeat;}
.procedure li:nth-of-type(6) .img-box { background: #3f94fa url(../images/icon_service.png) -700px 0 no-repeat;}
.procedure li:nth-of-type(7) .img-box { background: #3f94fa url(../images/icon_service.png) -840px 0 no-repeat;}
.procedure li p {font-size: 1.375em;line-height: 3em;}
.procedure li:hover .img-box {box-shadow: 0px 0px 5px 3px #dddddd;}

/* ---- 服务项目 ---- */
.service {background-color: #d9d9d9;}
.service .title {width: 75em;margin: 0 auto;padding: 1.5em;text-align: center;}
.service .title h3 {font-size: 2.25em;line-height: 2em;}
.service ul {width: 75em;margin: 0 auto;padding: 1em 0 2em;}
.service li {float: left;width: 22.5em;margin: 1.25em;position: relative;}
.service .img-box {width: 100%;height: 16.875em;overflow: hidden;}
.service img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transition: all 0.5s;}
.service li:hover img {transform: scale(1.1);}
.service .text-box {position: absolute;left: 1em;bottom: 1em;background-color: rgba(255,255,255,0.5);padding: 0.25em 1em;}
.service span {font-size: 0.75em;line-height: 2em;font-weight: bold;}
.service p {font-size: 1.25em;}

/* ---- 关于我们 ---- */
.about {height: 475px;background: url(../images/bg_about.jpg) top center no-repeat;}
.about .title {width: 75em;margin: 0 auto;padding: 1.5em;text-align: center;}
.about .title h3 {font-size: 2.25em;line-height: 2em;color: white;}
.about .about-text {width: 75em;margin: 0 auto;padding: 0.5em 12.5em;text-align: center;line-height: 2em;color: white;}
.about .about-text p{ color:#FFF;}
.about ul {width: 75em;margin: 0 auto;}
.about li {float: left;width: 20em;height: 12em;margin: 0 2.5em;padding: 1em;background-color: rgba(255,255,255,0.5);}
.about .img-box {width: 100%;height: 100%;overflow: hidden;}
.about img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;max-height: 100%;transition: all 0.5s;}
.about li:hover img {transform: scale(1.1);}

/* ---- 新闻中心 - 联系我们 ---- */
.news-contact {width: 75em;margin: 0 auto;padding: 2em;}
.news-contact h3 {font-size: 2em;font-weight: normal;line-height: 2em;}
.news-contact em {font-style: normal;float: right;}
.news {width: 50%;float: left;padding-right: 6.25em;}
.news ul {border-top: 3px solid #bfbfbf;}
.news li {line-height: 2em;padding: 0.5em 0;}
.news p {display: inline-block;}
.news span {float: right;}
.contact {width: 50%;float: left;padding-left: 6.25em;}
.contact-text {border-top: 3px solid #bfbfbf;line-height: 3em;}