/*首页关于我们*/

.g-habt { position: relative; padding-top: 127px; padding-bottom: 143px; overflow: hidden; }

@media screen and (max-width: 991px) { .g-habt { padding-top: 30px; padding-bottom: 30px; } }

.m-habt { position: relative; }

.m-habt .box-img { position: relative; z-index: 2; float: right; margin-left: 35px; width: 56.66667%; overflow: hidden; }

.m-habt .box-list { width: 1000%; overflow: hidden; }

.m-habt .list-item { float: left; width: 10%; }

.m-habt .box-page { position: absolute; right: 0; width: 100%; bottom: 18px; padding: 0 14px; text-align: right; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-habt .page-item { margin: 0 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; }

.m-habt .page-item.active { background-color: #102a8d; }

.m-habt .box-text { position: relative; }

.m-habt .box-text:before { content: ""; position: absolute; top: -54px; left: -52px; width: 62.5%; height: 566px; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #004498; }

.m-habt .box-title { line-height: 50px; font-size: 40px; font-size: 4rem; font-weight: bold; text-transform: uppercase; color: #000; }

.m-habt .box-title a { color: #000; }

.m-habt .box-title a:hover { color: #000000; }

.m-habt .box-info { margin-top: 6px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #102a8d; }

.m-habt .box-info a { color: #102a8d; }

.m-habt .box-info a:hover { color: #333; }

.m-habt .box-desc { margin-top: 55px; height: 210px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #000; overflow: hidden; }

.m-habt .box-desc a { color: #000; }

.m-habt .box-desc a:hover { color: #102a8d; }

.m-habt .box-desc p { min-height: 30px; text-indent: 2em; }

.m-habt .box-link { margin-top: 71px; }

.m-habt .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 140px; line-height: 30px; padding: 6px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #333; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 991px) { .m-habt .box-img { float: none; margin-left: 0; width: 100%; max-width: 670px; }
  .m-habt .box-text { padding-top: 30px; }
  .m-habt .box-text:before { display: none; }
  .m-habt .box-title { line-height: 1.2; font-size: 24px; font-size: 2.4rem; }
  .m-habt .box-info { margin-top: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-habt .box-desc { margin-top: 15px; height: auto; max-height: 144px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-habt .box-desc p { min-height: 0; }
  .m-habt .box-link { margin-top: 20px; } }
/*首页关于我们*/

/*首页产品展示*/

/*2023change*/
.g-hpro {
  padding-top: 18px;
  /* padding-bottom: 62px; */
  /* background: #102a8d no-repeat center; */
  background: rgba(16,42,141,0.76) no-repeat center;
  /* background: rgba(101, 148, 192, 0.69) no-repeat center; */
  background-attachment: fixed;
  color: #fff;
}
.m-hhd .hd-desc1 { margin-top: 14px; margin-left: auto; margin-right: auto; max-width: 915px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #ffffff; }

.g-hpro a, .g-hpro .hd-desc a, .g-hpro .item-desc a { color: #fff; }

 .g-hpro .hd-desc a:hover, .g-hpro .item-desc a:hover { color: #333; }
.g-hpro .heih{ color: #333; }
.g-hpro .heih:hover{ color: #fff; }
@media screen and (max-width: 991px) { .g-hpro { padding-top: 30px; padding-bottom: 30px; } }

.m-hpro { margin-bottom: -30px; }

.m-hpro .list-item { float: left; margin-right: 1.08333%; margin-bottom: 30px; width: 24.16667%; }

.m-hpro .item-title { margin-top: 16px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.m-hpro .item-title:hover { color: #333; }

.m-hpro .item-title:hover a { color: #333; }

.m-hpro .item-desc { margin-top: 4px; text-indent: 2em; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; text-align: center; overflow: hidden; }

@media screen and (max-width: 640px) { .m-hpro .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

@media screen and (max-width: 375px) { .m-hpro .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } }

/*首页产品展示*/



/*为什么选择我们*/

.m-hhd { margin-bottom: 43px; text-align: center; }

.m-hhd .hd-title { line-height: 50px; font-size: 40px; font-size: 2.8rem; font-family: "OpenSans-Semibold"; text-transform: uppercase; }

.m-hhd .hd-desc { margin-top: 14px; margin-left: auto; margin-right: auto; max-width: 915px; line-height: 30px; font-size: 16px; font-size: 1.4rem; color: #000000; }

.m-hhd .hd-desc a { color: #666; }

.m-hhd .hd-desc a:hover { color: #102a8d; }

@media screen and (max-width: 991px) { .m-hhd { margin-bottom: 30px; }
  .m-hhd .hd-title { line-height: 1.2; font-size: 24px; font-size: 2.4rem; }
  .m-hhd .hd-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.g-hwys { padding-top: 51px; padding-bottom: 64px; background-color: #f2f5f8; }

@media screen and (max-width: 991px) { .g-hwys { padding-top: 30px; padding-bottom: 30px; } }

.m-hwys { margin-bottom: -30px; font-size: 0; letter-spacing: 0; text-align: center; }

.m-hwys .box-item { margin-bottom: 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25%; padding: 0 1%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hwys .box-item:hover { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }

.m-hwys .item-icon { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hwys .item-icon a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.m-hwys .item-title { margin-top: 29px; height: 30px; line-height: 30px; font-size: 16px; font-size: 1.4rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }

.m-hwys .item-desc { margin-top: 22px; height: 78px; line-height: 26px; font-size: 16px; font-size: 1.6rem; overflow: hidden; color: #666; }

.m-hwys .item-desc a { color: #666; }

.m-hwys .item-desc a:hover { color: #102a8d; }

@media screen and (max-width: 991px) { .m-hwys .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-hwys .item-desc { margin-top: 10px; height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-hwys .box-item { width: 50%; } }

@media screen and (max-width: 375px) { .m-hwys .box-item { width: 100%; } }


/*为什么选择我们*/




/*工程案例*/


.g-hproj { padding-top: 60px; padding-bottom: 93px; }

@media screen and (max-width: 991px) { .g-hproj { padding-top: 30px; padding-bottom: 30px; } }

.m-hproj { margin-bottom: -19px; }

.m-hproj .list-item { position: relative; float: left; margin-right: 1.5%; margin-bottom: 19px; overflow: hidden; }

.m-hproj .list-item:hover .item-title { -webkit-transform: translateY(46px); -moz-transform: translateY(46px); -ms-transform: translateY(46px); -o-transform: translateY(46px); transform: translateY(46px); }

.m-hproj .list-item:hover .item-modal { bottom: 0; }

.m-hproj .list-item1 { width: 32.25%; }

.m-hproj .list-item2 { width: 66.08333%; }

.m-hproj .item-title { position: absolute; left: 0; bottom: 0; width: 100%; height: 46px; line-height: 46px; padding: 0 10px; text-align: center; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #102a8d; background-color: #102a8d; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hproj .item-title a { color: #fff; }

.m-hproj .item-title:hover { color: #fff; background-color: #102a8d }

.m-hproj .item-title:hover a { color: #fff; }

.m-hproj .item-modal { position: absolute; left: 0; bottom: 100%; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; background-color: #102a8d; background-color: #102a8d; color: #fff; }

.m-hproj .item-modal .item-mtitle, .m-hproj .item-modal .item-mdesc { color: #fff; }

.m-hproj .item-modal .item-mtitle a, .m-hproj .item-modal .item-mdesc a { color: #fff; }

.m-hproj .item-modal .item-mtitle:hover, .m-hproj .item-modal .item-mdesc:hover { color: #102a8d; }

.m-hproj .item-modal .item-mtitle:hover a, .m-hproj .item-modal .item-mdesc:hover a { color: #102a8d; }

.m-hproj .item-table { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }

.m-hproj .item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.m-hproj .item-mtext { margin: 0 auto; width: 96%; max-width: 560px; text-align: center; }

.m-hproj .item-mtitle { height: 36px; line-height: 36px; font-size: 26px; font-size: 1.8rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-hproj .item-line { margin-top: 12px; margin-left: auto; margin-right: auto; width: 67px; height: 2px; background-color: #ffffff; }

.m-hproj .item-mdesc { margin-top: 37px; max-height: 90px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }

@media screen and (max-width: 991px) { .m-hproj .item-title { height: 36px; line-height: 36px; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } }

@media screen and (max-width: 480px) { .m-hproj .list-item2 { margin-right: 0; width: 100%; }
  .m-hproj .list-item1 { margin-left: 1%; margin-right: 1% !important; width: 48%; } }
  
  
  /*工程案例*/
  
  /*首页新闻*/
  
.g-hnews { padding-top: 72px; padding-bottom: 77px; background-color: #f2f5f8; }

.g-hnews .box-img { float: right; margin-left: 35px; width: 564px; }

.g-hnews .box-img a { position: relative; display: inline-block; *display: inline; *zoom: 1; }

.g-hnews .box-hd { margin-bottom: 52px; }

.g-hnews .hd-title { text-align: left; }

@media screen and (max-width: 991px) { .g-hnews { padding-top: 30px; padding-bottom: 30px; }
  .g-hnews .box-img { float: none; margin-left: 0; margin-bottom: 30px; width: 100%; }
  .g-hnews .box-hd { margin-bottom: 30px; } }

.m-hnews .list-item { padding-top: 25px; padding-bottom: 23px; border-bottom: 1px solid #e4e4e4; overflow: hidden; }

.m-hnews .list-item:first-child { padding-top: 0; }

.m-hnews .list-item:last-child { padding-bottom: 0; border-bottom: none; }

.m-hnews .item-time { float: left; margin-right: 22px; width: 124px; height: 121px; padding-top: 19px; text-align: center; font-size: 18px; font-size: 1.8rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.m-hnews .item-time .day { margin-bottom: 10px; font-weight: bold; font-size: 36px; font-size: 3.6rem; }

.m-hnews .item-text { padding-top: 13px; }

.m-hnews .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; }

.m-hnews .item-desc { margin-top: 22px; text-indent: 2em; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hnews .item-desc a { color: #666; }

.m-hnews .item-desc a:hover { color: #102a8d; }

@media screen and (max-width: 991px) { .m-hnews .item-time { float: none; margin-right: 0; width: auto; height: auto; padding: 5px 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; display: inline-block; *display: inline; *zoom: 1; }
  .m-hnews .item-time .day { display: inline; font-size: 16px; font-size: 1.6rem; }
  .m-hnews .item-time p { display: inline; }
  .m-hnews .item-desc { margin-top: 10px; } }
  
  /*首页新闻*/