@charset "utf-8";

html,
body {
  text-align: center;
  font-size: 16px;
  font-family: -apple-system, Microsoft YaHei, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;;
  height: 100%;
  width: 100%;
  background: #f7f7f7;
}

* {
  margin: 0;
  padding: 0;
}

input {
  outline: none;
  text-indent: .625rem;
}

li {
  list-style: none;
}

.header {
  width: 100%;
  height: 3.125rem;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 99;
  box-shadow: 1px 1px 0 0 rgba(0, 1, 1, .07);
}

.header .open-menu {
  position: absolute;
  left: 1rem;
  height: 1.25rem;
  width: auto;
  top: .9375rem;
  cursor: pointer;
}

.header .header-mid {
  height: 2.25rem;
  width: auto;
  margin-top: .5rem;
}

/* 侧边栏 */
.right-slide {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 0;
  height: 100%;
  z-index: 100;
  color: #fff;
  top: 0;
  left: 0;
  opacity: 0;
}

.slide-left {
  float: left;
  cursor: pointer;
}

.slide-left img {
  width: 1.1875rem;
  margin: .9375rem;
  cursor: pointer;
}

.right-slide-menu {
  width: 17.5rem;
  min-height: 100%;
  float: left;
  background: #2D2D2D;
  text-align: left;
  z-index: 2;
  padding-top: 2.5rem;
}

.right-slide-title {
  padding: 0 1.25rem;
  height: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.5rem;
  background: #2D2D2D;
}

.right-slide-title img {
  margin-top: 1rem;
  float: right;
  width: 1rem;
}

.right-slide-title a {
  height: 2.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.right-slide-menu-li ul li {
  height: 2.5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.right-slide-menu-li .right-slide-title {
  font-size: .875rem;
}

.right-slide-menu-li ul li a {
  display: block;
  color: #D6D6D6;
  text-decoration: none;
  padding: 0 1.25rem;
}

/*产品中心*/
.swiper-banner .product-img {
  width: 14.69rem;
  height: 15.16rem;
}

.swiper-banner .product-name {
  font-size: 1.125rem;
  color: #222;
  margin-top: 1rem;
}

.swiper-banner .product-introduce {
  padding: 0 1.33rem;
  font-size: .82rem;
  color: #333;
  height: 3rem;
  line-height: 1.5rem;
  margin-top: .8rem;
  margin-bottom: 2.5rem;
}

.index-more {
  padding-bottom: 1.4rem;
}

.index-more .index-more-btn {
  width: 8.125rem;
  height: 2.125rem;
  vertical-align: top;
}

/*产品中心*/
.product-center {
  width: 100%;
  overflow: hidden;
  background: #F5FAFE;
}

.product-center h4 {
  font-size: 1.1875rem;
  line-height: 1.125rem;
  color: #333;
  margin-top: 1.25rem;
  font-weight: bold;
}

.product-center p {
  font-size: .66rem;
  color: #999;
  line-height: .75rem;
  margin-top: 1rem;
}

.swiper-container2 h2 {
  font-size: 1rem;
  line-height: 1rem;
  color: #333;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.swiper-container2 h4 {
  padding: 0 .875rem;
  font-size: .875rem;
  line-height: 1.25rem;
  color: #666;
  margin-top: 0;
  margin-bottom: 3.125rem;
  text-align: left;
}

.product-center .aboutUsMore {
  width: 100%;
}

.small-title {
  padding: 1.2rem 0;
}

.small-title-ch {
  font-size: 1.1875rem;
  color: #333;
  padding-top: .5rem;
  font-weight: bold;
}

.small-title-en {
  font-size: .75rem;
  color: #999;
  margin-top: .5rem;
}

/* 工程业绩 */
.project {
  width: 100%;
}

.project-name {
  padding: 0 1rem;
  overflow: hidden;
}

.project-name a {
  flex: 1;
  font-size: .75rem;
  color: #333;
  text-decoration: none;
  line-height: 1.5rem;
}

.project-name span {
  display: block;
  float: left;
  width: 20%;
  font-size: .875rem;
  color: #444;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.5rem;
}

.project-name .select {
  color: #007EFF;
}

.project-name .secondSpan {
  width: 25%;
}

.project-container {
  padding: 0 .75rem;
  overflow: hidden;
}

.project-container-ul {
  display: none;
}

.project-container .choose {
  display: block;
}

.project-container-li {
  box-sizing: border-box;
  padding: .32rem .25rem;
  width: 50%;
  float: left;
}

.project-container-li img {
  width: 100%;
  height: 7rem;
  display: block;
  vertical-align: top;
}

.project-container-li div {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .5rem;
  border: 1px solid #eee;
  border-top: none;
}

.project-container-li div h5 {
  display: inline-block;
  width: 100%;
  font-size: .88rem;
  line-height: 2.125rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-container-li div p {
  font-size: .75rem;
  line-height: .75rem;
  padding-bottom: 1rem;
  margin: 0;
  color: #999;
}

/*产品详情*/
.product-detail {
  background: #fff;
  margin-top: 3.125rem;
  text-align: left;
}

.product-detail .product-detail-img {
  width: 100%;
}
.product-detail-content {
  padding: 1rem;
}
.detail-header {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #D4D4D4;
}
.detail-header .title {
  margin-bottom: 1rem;
}
.detail-header p {
  margin-bottom: .2rem;
}
/* 新闻动态 */
.news-item {
  box-sizing: border-box;
  padding: .75rem 1rem;
}

.news-item + .news-item {
  border-top: 1px dashed #eee;
}

.content-body p {
  font-size: .875rem;
  color: #333;
  line-height: 1.25rem;
}

.content-body p img {
  max-width: 100% !important;
  height: auto !important;
}

.content-body input {
  max-width: 100%;
}

.content-body table {
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
}

.content-body table tbody tr td {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  border-collapse: collapse;
}

/*新闻动态*/
.news-list.index-page {
  background: url('/templates/20180906103332_1820444719/mobile/images/img_mou.jpg') no-repeat bottom;
  background-size: 23.43rem 12.56rem;
}
.news-item {
  display: block;
  padding: 1rem;
  line-height: 1.5rem;
  text-align: left;
}

.news-item + .news-item {
  border-top: 1px dashed #eee;
}

.news-item .news-title {
  font-size: 1rem;
  color: #222;
}

.news-item .news-time {
  font-size: .69rem;
  color: #999;
}

.news-item .news-content {
  font-size: .88rem;
  color: #333;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-expect {
  width: 100%;
  position: relative;
  background: url('/templates/20180906103332_1820444719/mobile/images/img_blue.jpg') no-repeat;
  background-size: cover;
  padding-bottom: 2rem;
}

.news-expect h4 {
  padding: 0 1rem;
  padding-top: 1.875rem;
  font-size: 1.3125rem;
  line-height: 2.625rem;
  font-weight: bold;
  color: #F6F6F6;
}

.news-expect p {
  padding: 0 1rem;
  font-size: .75rem;
  line-height: 1.125rem;
  color: #F0F6FF;
}

.news-expect-ul {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
}

.news-expect-li {
  flex: 1;
}

.news-expect-li h2 {
  font-size: 2.25rem;
  font-weight: bold;
  color: rgba(246, 246, 246, 1);
}

.news-expect-li h2 span {
  font-size: .75rem;
}

.news-expect-li h6 {
  font-size: .75rem;
  color: rgba(246, 246, 246, 1);
}

.footer {
  padding: 1rem 0;
  font-size: .75rem;
  color: #999;
  line-height: .75rem;
  width: 100%;
  background: #161616;
}

.footer p {
  font-size: .75rem;
  line-height: 1.25rem;
}

.footer p a {
  color: #999;
  text-decoration: none;
}

.footer h4 {
  color: #333;
  line-height: 1.75rem;
}

.footer img {
  height: .75rem;
}

.mobile-container {
  position: relative;
  min-height: calc(100% - 6.06rem);
  background: #fff;
}

.web-title {
  padding-top: 3.125rem;
  min-height: 2.5rem;
  background: rgba(0, 138, 255, 1);
  text-align: left;
}

.web-title span {
  font-size: .875rem;
  margin-left: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 2.5rem;
}

.web-title img {
  margin-right: 1rem;
  float: right;
  height: .5rem;
  margin-top: .9375rem;
}

.container {
  padding: 1.25rem 1rem;
  background: #fff;
  border-bottom: 1px dashed #D4D4D4;
}

.container2 {
  padding: .5rem 1rem;
  font-size: 1rem;
  text-align: left;
  color: #333;
  line-height: 1.5rem;
}

.containerLast {
  border-bottom: none;
}

.introduction img {
  width: 100%;
}

.introduction p {
  margin-bottom: 1rem;
  text-align: left;
  font-size: .8125rem;
  line-height: 1.5rem;
  color: #333;
}

.introduction p span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: .75rem;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
}

.container h2 {
  font-size: 1rem;
  line-height: 2.875rem;
  text-align: left;
  color: #000;
}

.enterprise {
  width: 100%;
}

.enterpriseImg {
  width: 100%;
}

.project-container {
  padding: .75rem;
  border-bottom: 1px solid #f5f5f5;
}

.project-container-li {
  width: 50%;
  float: left;
}


/*声誉资质*/
.honer-tab {
  display: flex;
  flex-direction: row;
  padding: 1rem 0;
}

.honer-tab span {
  flex: 1;
  display: inline-block;
  margin: 0 1rem;
  height: 2rem;
  border: 1px solid #D4D4D4;
  border-radius: 1rem;
  font-size: .88rem;
  color: #333;
  line-height: 2rem;
}

.honer-tab span a {
  color: #333;
  text-decoration: none;
}

.honer-tab .choose {
  background: #008AFF;
  border: 1px solid #008AFF;
  color: #fff;
}

.honer-tab .choose a {
  color: #fff;
}

.honer-list {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 .75rem;
}

.honer-list-ul {
  width: 100%;
  overflow: hidden;
  display: none;
}

.honer-list-li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: .25rem;
}

.honer-list-li img {
  width: 100%;
  display: block;
}

.honer-list-li p {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .88rem;
  line-height: 2.75rem;
}

.honer-list-li .name a {
  text-decoration: none;
  color: #666;
}

.honer-list .choose {
  display: block;
}

.products {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: .75rem;
  background: #fff;
}

.project-container .search {
  box-sizing: border-box;
  margin: .25rem;
  display: flex;
  flex-direction: row;
  height: 2.25rem;
}

.search .searchDiv {
  position: relative;
  flex: 4;
  border: 1px solid #C9C9C9;
}

.searchDiv .search-img {
  position: absolute;
  left: .5rem;
  top: .5375rem;
  width: 1rem;
  height: 1rem;
}

.searchDiv input {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-left: 1.7rem;
  border: none;
}

.search span {
  flex: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #008AFF;
  font-size: .75rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: rgba(254, 254, 254, 1);
}

.productsList {
  width: 100%;
  overflow: hidden;
}

.productsListLi {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: .3125rem .25rem;
}

.productsListLi img {
  display: block;
  width: 100%;
}

.productsListLi-title {
  background: #F1F4F7;
  padding: .5rem 0 .75rem;
}

.productsListLi-title h4 {
  font-size: .875rem;
  color: rgba(51, 51, 51, 1);
  line-height: 1.375rem;
}

.productsListLi-title p {
  font-size: .75rem;
  font-weight: 400;
  color: #999;
  line-height: 1.25rem;
}

.productKinds {
  width: 100%;
  background: #fff;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 5.625rem;
  z-index: 5;
}

.productKinds a {
  display: block;
  width: 100%;
  height: 2.8125rem;
  line-height: 2.8125rem;
  padding-left: 3.125rem;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  border-bottom: 1px solid #F0F0F0;
  text-decoration: none;
}

.productKinds .choose {
  color: #008AFF;
  background-color: #F1F1F1;
}

/*新闻详情*/
.new-detail-page {
  padding: 1rem;
  box-sizing: border-box;
  text-align: left;
  margin-top: 3.125rem;
}

.new-detail-page .title {
  font-size: 1.13rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.sub-title {
  font-size: .75rem;
  color: #999;
  line-height: .75rem;
  margin-bottom: 1rem;
}
.sub-title .time {
  padding-left: 1rem;
  background: url('/templates/20180906103332_1820444719/images/icon_news_dateil_date.png') no-repeat 0 center;
  background-size: .75rem .75rem;
}

.sub-title .browse {
  padding-left: 1rem;
  background: url('/templates/20180906103332_1820444719/images/icon_news_dateil_eye.png') no-repeat 0 center;
  background-size: .75rem .75rem;
  margin-left: .5rem;
}

/*生长历程*/
.develop-history {
  padding: 1rem;
  color: #333;
  text-align: left;
}

.develop-history .describe {
  font-size: .8125rem;
  line-height: 1.8125rem;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  border-bottom: 1px dashed #D4D4D4;
}

.develop-history .develop-history-li {
  padding: 1rem 0;
  font-size: .8125rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  border-bottom: 1px dashed #D4D4D4;
  display: flex;
  flex-direction: row;
}

.develop-history a:last-child .develop-history-li {
  border-bottom: none;
}

.develop-history .develop-history-li .date {
  flex: 1;
  text-align: center;
}

.develop-history .develop-history-li .spacing {
  flex: 1;
  text-align: center;
}

.develop-history .develop-history-li .spacing img {
  width: 1.25rem;
}

.develop-history .develop-history-li .title {
  flex: 5;
}

.project-ul {
  background: #fff;
}

/*分页*/
.paging {
  margin-top: 1rem;
  margin-bottom: 4rem;
  text-align: left;
  overflow: hidden;
  padding: 0 1rem;
}

.paging a {
  display: inline-block;
  padding: .5rem .75rem;
  margin-right: .5rem;
  margin-bottom: .5rem;
  font-size: .75rem;
  border: 1px solid #e5e5e5;
  text-decoration: none;
}

.paging a div {
  color: #008aff;
  transition: none;
}

.paging a.active div, .detailContent .paging a:hover div, .detailContent .paging a div:hover {
  color: #fff
}

.paging a.active, .detailContent .paging a:hover {
  background-color: #008aff;
}

/*招贤纳士*/
.recruit-content {
  text-align: left;
  font-size: 1rem;
  color: #333;
  line-height: 1.5rem;
  padding: 1rem;
  background: #fff;
}
.recruit-content hr {
  border: none;
  border-top: 1px dashed #d4d4d4;
}
.recruit-content .recruit-title {
  font-weight: bold;
  margin: 1rem 0;
}

.recruit-content .title-b {
  font-size: 1.13rem;
  font-weight: bold;
  color: #0070C0;
  margin: 1rem 0;
  padding-left: .6rem;
  border-left: .19rem solid #008AFF;
}
.recruit-content p {
  margin: 1rem 0;
}

.position-ul {
  padding-left: 1.08rem;
  margin-bottom: 1rem;
}

.position-ul li {
  list-style-type: disc;
  color: #BFBFBF;
}

.position-ul li+li {
  margin-top: .24rem;
}

.position-ul li span {
  color: #333;
}

.recruit-content .phone-s {
  color: #666;
  text-decoration: underline;
}
/*联系yl6809永利*/
.contact-ul li {
  display: flex;
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.contact-icon {
  width: 3.06rem;
  height: 3.06rem;
  margin-right: .7rem;
}

.map-address {
  margin-top: 4vwpx;
  overflow: hidden
}

.map-address .map {
  width: 100%;
  height: 405px;
  font-size: 14px;
  line-height: 24px;
}

.map-address .map p {
  margin: 0;
}

.require-content p span {
  display: inline-block;
  width: .375rem;
  height: .375rem;
  background: #BFBFBF;
  border-radius: 50%;
  margin-right: .5rem;
}<!--耗时1763713742.3099秒-->