img {
    max-width: 100%;
}

.under {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.under span {
    display: block;
    float: left;
    font-size: 13px;
    color: #999999;
    line-height: 30px;
}

.under div {
    display: block;
    float: right;
}

.under div a {
    display: block;
    font-size: 13px;
    color: #999999;
    line-height: 30px;
    float: left;
    margin: 0 8px;
    padding-left: 20px;
}

.under div a:hover {
    color: #d40e28;
}

.under div .sy {
    background: url(../img/icon1.png) no-repeat left center;
}

.under div .sy:hover {
    background: url(../img/icon1h.png) no-repeat left center;
}

.under div .sc {
    background: url(../img/icon2.png) no-repeat left center;
}

.under div .sc:hover {
    background: url(../img/icon2h.png) no-repeat left center;
}

.under div i {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #184288;
    border-radius: 20px;
    float: right;
    margin: 5px 0 5px 8px;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.under div i:hover {
    background-color: #d40e28;
}


/* 导航条 */

.UnderNav {
    width: 100%;
    background-color: #184288;
}

.UnderLogo {
    display: block;
    float: left;
    width: 180px;
    padding: 18px 0;
}

.UnderLogo:hover {
    opacity: 0.8;
}

.UnderLm {
    float: right;
}

.UnderUl {
    font-size: 0;
}

.UnderUl>li {
    display: inline-block;
    vertical-align: middle;
    padding-top: 32px;
    position: relative;
    z-index: 1;
}

.UnderUl>li>a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
}

.UnderUl>li>i {
    display: block;
    width: 100%;
    height: 0;
    background-color: #153975;
    background-image: url(../img/icon3.png);
    background-repeat: no-repeat;
    background-position: center 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.UnderUl>.on>i {
    height: 100%;
}

.UnderUl>li:hover>i {
    height: 100%;
    transition: all ease-out .5s;
}

.UnderUl>li ul {
    position: absolute;
    top: 92px;
    left: 0;
    background-color: #fff;
    width: 100%;
    display: none;
}

.UnderUl>li:hover ul {
    display: block;
}

.UnderUl>li ul li {
    line-height: 36px;
    text-align: center;
}

.UnderUl>li ul li a {
    display: block;
    font-size: 16px;
    color: #333;
}

.UnderUl>li ul .on a {
    background-color: #153975;
    color: #fff;
}

.UnderUl>li ul li:hover a {
    background-color: #153975;
    color: #fff;
}

.sousuo {
    width: 100%;
    overflow: hidden;
    height: 92px;
    position: fixed;
    left: 0;
    top: 30px;
    background-color: #fff;
    z-index: 11000;
    display: none;
}

.sousuo>#submit {
    float: left;
    display: block;
    width: 40px;
    height: 92px;
    margin-left: 40px;
    background: url(../img/sousuo.png) no-repeat center center;
}

.sousuo>div {
    overflow: hidden;
    margin: 16px auto;
    float: left;
    width: 90%;
    margin-left: 10px;
}

.sousuo input {
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    width: 100%;
    color: #333;
    font-size: 14px;
}

.search-close {
    width: 40px;
    height: 92px;
    background: url(../img/gb.jpg) no-repeat center;
    float: right;
    margin-right: 40px;
}

.search-close:hover {
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear;
    -moz-animation: rotation 3s linear;
    -webkit-animation: rotation 3s linear;
    -o-animation: rotation 3s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}


/* 导航条 */


/* 首页banner开始 */

.sybanner {
    width: 100%;
    height: 510px;
    overflow: hidden;
    position: relative;
}

.sybanner,
.sybanner .bd,
.sybanner .bd ul,
.sybanner .bd ul li {
    display: block;
    width: 100%;
    height: 510px;
    overflow: hidden;
}

.sybanner .hd {
    position: absolute;
    overflow: hidden;
    bottom: 30px;
    left: 0;
    z-index: 99;
    width: 100%;
}

.sybanner .hd ul {
    text-align: center;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.sybanner .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #153975;
    margin: 0 8px;
    z-index: 99;
    cursor: pointer;
}

.sybanner .hd ul .on {
    background-color: #d40e28;
}


/* 首页banner结束 */

.Notice {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.Notice h2 {
    float: left;
    background: url(../img/icon4.png) no-repeat center;
    width: 142px;
    height: 30px;
    margin: 25px 0;
}

.Notice h2 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    background: url(../img/icon5.png) no-repeat left center;
    margin-left: 15px;
    padding-left: 30px;
}

.Notice h2 a:hover {
    background: none;
    margin-left: 15px;
    padding-left: 15px;
    transition: all ease-out .5s;
}

.NoticeRight {
    float: right;
    width: 84%;
}

.Noticebd {
    overflow: hidden;
}

.NoticUl {
    margin-right: -70px;
}

.NoticUl li {
    width: 456px;
    float: left;
    margin-right: 70px;
    line-height: 80px;
}

.NoticUl li h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    font-weight: normal;
    float: left;
}

.NoticUl li h3 em {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: url(../img/icon6.png) no-repeat center;
    margin-right: 8px;
}

.NoticUl li:hover h3 em {
    background: url(../img/icon7.png) no-repeat center;
}

.NoticUl li h3 a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
}

.NoticUl li:hover h3 a {
    color: #184288;
}

.NoticUl li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999;
    float: right;
}

.NoticUl li:hover span {
    color: #184288;
}


/* 最新公告 */


/* 业务范围 */

.Business {
    width: 100%;
    background-color: #f9f9f9;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../img/bjt.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.BusinessTop {
    width: 366px;
    height: 84px;
    margin: 70px auto 95px;
    overflow: hidden;
    position: relative;
}

.BusinessTop h2 {
    width: 362px;
    height: 66px;
    border: 2px solid #0d449c;
}

.BusinessTop:hover h2 {
    border: 2px solid #d40e28;
}

.BusinessTop h2 a {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #0d449c;
    text-align: center;
    line-height: 54px;
}

.BusinessTop:hover h2 a {
    color: #d40e28;
}

.BusinessTop span {
    display: block;
    width: 190px;
    height: 26px;
    background-color: #0d449c;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -95px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
    letter-spacing: 2px;
}

.BusinessTop:hover span {
    background-color: #d40e28;
}

.BusinessScope {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
}

.ScopeBd {
    width: 100%;
    overflow: hidden;
    padding-bottom: 83px;
}

.ScopeBd ul {
    margin-right: -57px;
}

.ScopeBd ul li {
    width: 194px;
    text-align: center;
    margin-right: 57px;
    position: relative;
    float: left;
}

.ScopeBd ul li img {
    width: 194px;
    height: 194px;
    border-radius: 50%;
}

.ScopeBd ul li>img {
    width: 194px;
    height: 194px;
    border-radius: 50%;
}

.ScopeBd ul li>a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.ScopeBd ul li a img {
    width: 41px;
    height: 40px;
    display: block;
    margin: 77px auto;
}

.ScopeBd ul li:hover>a {
    display: block;
    width: 194px;
    height: 194px;
    border-radius: 50%;
    background: url(../img/hbj.png) no-repeat center;
}

.ScopeBd ul li h2 a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    line-height: 60px;
}

.ScopeBd ul li:hover h2 a {
    color: #d40e28;
}

.ScopeBd ul li span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #bbbbbb;
    margin: 0 auto;
}

.ScopeBd ul li:hover span {
    width: 100%;
    background-color: #d40e28;
    transition: all ease-out .5s;
}

.BusinessScope .prev,
.BusinessScope .next {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 22%;
}

.BusinessScope .prev {
    background: url(../img/prev.png) no-repeat center;
    left: -90px;
}

.BusinessScope .prev:hover {
    background: url(../img/prevh.png) no-repeat center;
}

.BusinessScope .next {
    background: url(../img/next.png) no-repeat center;
    right: -90px;
}

.BusinessScope .next:hover {
    background: url(../img/nexth.png) no-repeat center;
}


/* 业务范围 */


/* 公司简介  */

.Company {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 70px;
    overflow: hidden;
    text-align: center;
}

.Company h3 a {
    display: block;
    font-size: 26px;
    font-weight: normal;
    color: #323232;
    line-height: 1.2;
    padding: 60px 0 30px;
}

.Company h3 a:hover {
    color: #0d449c;
}

.Company span {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 34px;
}

.CompanyUl {
    font-size: 0;
    text-align: center;
    padding-top: 50px;
}

.CompanyUl li {
    display: inline-block;
    vertical-align: middle;
    width: 24%;
}

.CompanyUl li span {
    display: block;
    font-size: 52px;
    color: #184288;
    line-height: 1.2;
}

.CompanyUl li em {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 1.2;
    padding-top: 10px;
}


/* 公司简介  */


/* 工程案例 */

.Engineering {
    width: 100%;
    margin: 0 auto 40px;
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
}

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

.h_item .itemimg {
    width: 100%;
    height: 242px;
    overflow: hidden;
    position: relative;
}

.h_item .itemimg img {
    width: 100%;
    height: 100%;
}

.h_item .itemimg a {
    display: block;
    width: 100%;
    height: 0;
    background: url(../img/yy.png) center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
}

.h_item:hover .itemimg a {
    height: 100%;
    transition: all ease-out .5s;
    opacity: 1;
}

.h_item .itemimg a img {
    width: 49px;
    height: 49px;
    margin: 96px auto;
}

.h_item .h_itembottom h3 {
    float: left;
    margin-left: 10px;
}

.h_item .h_itembottom h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    line-height: 1.2;
    padding: 20px 0 5px;
}

.h_item:hover .h_itembottom h3 a {
    color: #d40e28;
}

.h_item .h_itembottom span {
    font-size: 16px;
    color: #999;
    line-height: 1.2;
    font-weight: normal;
    text-transform: capitalize;
}

.h_item .h_itembottom>a {
    display: block;
    background: url(../img/jh.png) no-repeat center;
}

.h_item .h_itembottom>a {
    display: none;
    width: 22px;
    height: 65px;
    float: right;
    margin-right: 16px;
    background: url(../img/jh.png) no-repeat center;
}

.h_item:hover .h_itembottom>a {
    display: block;
}

.Engineering .BusinessTop {
    margin: 70px auto 35px;
}


/* 工程案例 */


/* 新闻资讯 */

.news {
    width: 100%;
    background-color: #f3f3f3;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../img/news.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.news .BusinessTop {
    margin: 55px auto 75px;
}

.newsBottom {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

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

.newsul {
    margin-right: -75px;
}

.newsul li {
    width: 310px;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    margin-right: 75px;
    float: left;
}

.newsul li:hover {
    background-color: #d40e28;
    background-image: url(../img/dg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.newsul li>a {
    display: block;
    width: 310px;
    height: 140px;
    overflow: hidden;
    margin: 0 auto;
}

.newsul li>a img {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.newsul li:hover>a img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.newsul li h3 a {
    display: block;
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    line-height: 1.2;
    padding: 10px 0;
}

.newsul li:hover h3 a {
    color: #fff;
}

.newsul li em {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 1.2;
}

.newsul li:hover em {
    color: #fff;
}

.newsul li span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    padding-top: 10px;
    min-height: 44px;
}

.newsul li:hover span {
    color: #fff;
}

.newsBottom .hd {
    width: 100%;
    margin: 30px 0 40px;
}

.newsBottom .hd ul {
    text-align: center;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.newsBottom .hd ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #999;
    margin: 0 4px;
    z-index: 99;
    cursor: pointer;
}

.newsBottom .hd ul .on {
    background-color: #d40e28;
}


/* 新闻资讯 */


/* 友情链接 */

.Friendly {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}

.Friendly ul {
    font-size: 0;
}

.Friendly ul li {
    width: 214px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 21px 10px 5px;
}

.Friendly ul li:hover {
    -moz-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    box-shadow: 0px 2px 5px rgb(228, 228, 228);
}

.Friendly ul li a {
    display: block;
    width: 100%;
    height: 72px;
}


/* 友情链接 */


/* 底部 */

.bottom {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0;
    background-color: #184288;
}

.bottom1 {
    float: left;
    width: 490px;
    position: relative;
}

.bottom1 i {
    width: 1px;
    height: 190px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0f316a;
}

.bottom2 {
    width: 390px;
    float: left;
    position: relative;
    padding-left: 60px;
}

.bottom2 i {
    width: 1px;
    height: 190px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0f316a;
}

.bottom3 {
    width: 160px;
    float: right;
    overflow: hidden;
}

.fotter {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    background-color: #173e7f;
}

.bottomtop h3 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.bottomtop span {
    font-size: 15px;
    color: #fff;
    display: block;
    padding: 10px 0 20px;
}

.bottom1Ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}

.bottom1Ul li div {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #88a6d8;
    line-height: 2;
}

.bottom1Ul .bottom1li {
    margin-bottom: 15px;
}

.bottom3Ul {
    font-size: 0;
    margin-right: -43px;
}

.bottom3Ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 43px;
}

.bottom3Ul li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #88a6d8;
    line-height: 42px;
}

.bottom3Ul li a:hover {
    color: #fff;
}

.bottom2bd {
    width: 50%;
}

.bottom2bd li .zw {
    color: #88a6d8;
    font-size: 14px;
    display: block;
    line-height: 44px;
}

.bottom2bd li .zw:hover {
    color: #fff;
}

.bottom2bd li span {
    display: block;
    width: 26px;
    height: 2px;
    background-color: #d40e28;
}

.bottom2bd li .jl {
    display: block;
    font-size: 14px;
    width: 110px;
    color: #88a6d8;
    border: 2px solid #88a6d8;
    border-radius: 20px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
}

.bottom2bd li .jl:hover {
    color: #fff;
    border: 2px solid #fff;
}

.bottom2hd a {
    cursor: pointer;
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    position: absolute;
    top: 55%;
}

.bottom2hd .prev {
    right: 85px;
    background: url(../img/lz.png) no-repeat center;
}

.bottom2hd .prev:hover {
    background: url(../img/lzh.png) no-repeat center;
}

.bottom2hd .next {
    right: 65px;
    background: url(../img/ly.png) no-repeat center;
}

.bottom2hd .next:hover {
    background: url(../img/lyh.png) no-repeat center;
}

.fotter1 {
    text-align: center;
}

.fotter1 span {
    font-size: 14px;
    font-weight: normal;
    color: #88a6d8;
    line-height: 30px;
}

.fotter1 a {
    font-size: 14px;
    font-weight: normal;
    color: #88a6d8;
    line-height: 30px;
}

.fotter1 a:hover {
    color: #fff;
}

.fotter1 .hb_gaba {
    padding-right: 25px;
    min-height: 30px !important;
    background: url(../img/gaba.png) no-repeat right center;
    margin-right: 5px;
    margin-left: 5px;
}

.fotter2 {
    font-size: 14px;
    color: #88a6d8;
    line-height: 30px;
    text-align: center;
}


/* 底部 */


/* 侧边栏 */

.cbl {
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 8%;
}

.cbl a {
    display: block;
    cursor: pointer;
    width: 64px;
    height: 64px;
    background-color: #ffffff;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

.cbl a:hover {
    -moz-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 2px 5px rgb(228, 228, 228);
    box-shadow: 0px 2px 5px rgb(228, 228, 228);
}

.cbl .cbl1 {
    background-color: #eaeaea;
    background-image: url(../img/lxdh.png);
}

.cbl .cbl2 {
    background-image: url(../img/qq.png);
}

.cbl .cbl3 {
    background-color: #333333;
    background-image: url(../img/ewm.png);
}

.cbl .to_top {
    background-image: url(../img/top.png);
}

.cbl .cbl1 span {
    display: block;
    background-color: #eaeaea;
    position: absolute;
    right: 64px;
    height: 64px;
    width: 150px;
    line-height: 64px;
    text-align: center;
    display: none;
}

.cbl .cbl1:hover span {
    display: block;
}

.cbl .cbl3 img {
    display: block;
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    position: absolute;
    display: none;
    position: absolute;
    right: 64px;
}

.cbl .cbl3:hover img {
    display: block;
}


/* 侧边栏 */


/* 子页banner */

.zybanner {
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.zybanner,
.zybanner .bd,
.zybanner .bd ul,
.zybanner .bd ul li {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.twonav {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/nav.png) repeat center;
}

.TwonavUl {
    text-align: center;
}

.TwonavUl li {
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
}

.twonav .bdd {
    max-width: 1180px;
    margin: 0 auto;
}

.twonav .bdd li {
    max-width: 130px;
    min-width: 104px;
}

.twonav .bdd li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

.twonav .w1200 {
    position: relative;
}

.twonav .prev {
    cursor: pointer;
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    background: url(../img/lz.png) no-repeat center;
}

.twonav .prev:hover {
    background: url(../img/lzh.png) no-repeat center;
}

.twonav .next {
    cursor: pointer;
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background: url(../img/ly.png) no-repeat center;
}

.twonav .next:hover {
    background: url(../img/lyh.png) no-repeat center;
}

.TwonavUl li a {
    display: block;
    color: #323232;
    font-size: 16px;
    padding: 0 20px;
}

.TwonavUl .on a {
    color: #d40e28;
}

.TwonavUl li:hover a {
    color: #d40e28;
}

.twonavwz {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center;
    font-size: 0;
}

.twonavwz a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    margin: 0 5px;
}

.twonavwz a:hover {
    color: #d40e28;
    font-weight: bold;
}

.twonavwz em {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 1px;
    background-color: #666;
    margin: 0 5px;
}

.twonavwz img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.punliczy {
    width: 100%;
    overflow: hidden;
    margin: 70px auto;
    min-height: 500px;
}


/* 联系我们 */

.map {
    width: 100%;
    max-width: 1200px;
    margin: 70px auto 60px;
    text-align: center;
    font-size: 0;
}

.mapz {
    margin-right: 80px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    float: left;
}

.mapy {
    display: inline-block;
    vertical-align: middle;
    width: 113px;
    padding-left: 100px;
    border-left: 1px solid #d7d7d7;
    float: right;
}

.mapy img {
    width: 113px;
    height: 113px;
    display: block;
}

.mapy span {
    font-size: 14px;
    line-height: 2;
}

.mapz span {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #dd2626;
}

.mapz em {
    display: block;
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    padding-left: 25px;
}

.mapz .h_dz {
    background: url(../img/icon8.png) no-repeat left center;
}

.mapz .h_wz {
    background: url(../img/icon9.png) no-repeat left center;
}

.baidumap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 60px;
    height: 300px;
    overflow: hidden;
}


/* 联系我们 */


/* 网站地图 */

.networkmap {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/map.png) no-repeat center;
}

.networkmap img {
    display: inline-block;
    vertical-align: middle;
    width: 153px;
    margin-right: 40px;
}

.NetworkmapUl {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}

.NetworkmapUl>li {
    margin-bottom: 28px;
}

.NetworkmapUl>li>a {
    display: block;
    width: 108px;
    line-height: 36px;
    background-color: #1e50a2;
    text-align: center;
    color: #fff;
    float: left;
}

.NetworkmapUl>li>a:hover {
    background-color: #d81820;
}

.NetworkmapUl>li>ul {
    float: left;
    width: 88%;
}

.NetworkmapUl>li>ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
}

.NetworkmapUl>li>ul li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    margin: 0 25px;
}

.NetworkmapUl>li>ul li a:hover {
    color: #d81820;
}


/* 工程案例 */

.zy_gcal {
    width: 100%;
    overflow: hidden;
    min-height: 500px;
    margin: 0 auto 20px;
}

.zy_gcal ul {
    margin-right: -21px;
}

.zy_gcal ul li {
    width: 386px;
    float: left;
    margin-bottom: 45px;
    margin-right: 21px;
}

.zy_gcal ul li .itemimg {
    width: 100%;
    height: 242px;
    overflow: hidden;
    position: relative;
}

.zy_gcal ul li.itemimg img {
    width: 100%;
    height: 100%;
}

.zy_gcal ul li .itemimg a {
    display: block;
    width: 100%;
    height: 0;
    background: url(../img/yy.png) center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
}

.zy_gcal ul li .itemimg a img {
    width: 49px;
    height: 49px;
    display: block;
    margin: 96px auto;
}

.zy_gcal ul li .h_itembottom h3 {
    float: left;
    margin-left: 10px;
}

.zy_gcal ul li .h_itembottom h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    line-height: 1.2;
    padding: 20px 0 5px;
}

.zy_gcal ul li .h_itembottom span {
    font-size: 16px;
    color: #999;
    line-height: 1.2;
    font-weight: normal;
    text-transform: capitalize;
}

.zy_gcal ul li .h_itembottom>a {
    display: none;
    width: 22px;
    height: 65px;
    float: right;
    margin-right: 16px;
    background: url(../img/jh.png) no-repeat center;
}

.zy_gcal ul li:hover .itemimg a {
    height: 100%;
    transition: all ease-out .5s;
    opacity: 1;
}

.zy_gcal ul li:hover .h_itembottom h3 a {
    color: #d40e28;
}

.zy_gcal ul li:hover .h_itembottom>a {
    display: block;
}


/* 分页 */

.hb_fenye {
    text-align: center;
    font-size: 0;
}

.hb_fenye a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    margin: 0 3px;
    line-height: 36px;
    background-color: #2b51a4;
    border-radius: 4px;
    min-width: 36px;
    max-width: 36px;
}

.hb_fenye a[href]:hover {
    background-color: #c50e26;
}

.hb_fenye span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    margin: 0 3px;
    line-height: 36px;
    border-radius: 4px;
    color: #fff;
    background: #c50e26;
    min-width: 36px;
    max-width: 36px;
}


/* 分页 */

.zy_spzx ul li .h_itembottom>a {
    background: url(../img/sp.png) no-repeat center 60%;
    display: block;
    width: 37px;
}

.zy_spzx ul li:hover .h_itembottom>a {
    background: url(../img/sph.png) no-repeat center 60%;
}


/* 新闻 */

.zy_news {
    width: 100%;
    margin: 0 auto 10px;
    overflow: hidden;
    min-height: 500px;
}

.zy_newsss {
    padding: 0 14px;
}

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

.zy_new ul {
    margin-right: -65px;
}

.zy_new ul li {
    width: 310px;
    background-color: #fff;
    padding: 20px 25px;
    overflow: hidden;
    margin-right: 45px;
    float: left;
}

.zy_new ul li:hover {
    background-color: #d40e28;
    background-image: url(../img/dg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.zy_new ul li>a {
    display: block;
    width: 310px;
    height: 140px;
    overflow: hidden;
    margin: 0 auto;
}

.zy_new ul li>a img {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.zy_new ul li:hover>a img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.zy_new ul li h3 a {
    display: block;
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    line-height: 1.2;
    padding: 10px 0;
}

.zy_new ul li:hover h3 a {
    color: #fff;
}

.zy_new ul li em {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 1.2;
}

.zy_new ul li:hover em {
    color: #fff;
}

.zy_new ul li span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    padding-top: 10px;
    min-height: 44px;
}

.zy_new ul li:hover span {
    color: #fff;
}

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

.ZyNewsUl li {
    background-color: #fff;
    padding: 44px 22px 28px;
    margin: 28px 0;
}

.ZyNewsUl li .ZyNewsz {
    width: 56px;
    text-align: center;
    float: left;
    margin-right: 22px;
    padding-right: 22px;
    border-right: 1px solid #e7e7e7;
}

.ZyNewsUl li .ZyNewsz span {
    display: block;
    font-size: 30px;
    color: #666666;
}

.ZyNewsUl li .ZyNewsz i {
    display: block;
    font-size: 14px;
    color: #666666;
}

.ZyNewsUl li .ZyNewsy {
    width: 90%;
    float: left;
}

.ZyNewsUl li .ZyNewsy h3 a {
    display: block;
    font-size: 23px;
    color: #000000;
    font-weight: normal;
    line-height: 1.2;
}

.ZyNewsUl li:hover .ZyNewsy h3 a {
    color: #c50e26;
}

.ZyNewsUl li .ZyNewsy span {
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    line-height: 22px;
    padding: 15px 0 10px 0;
}

.ZyNewsUl li .ZyNewsy>a {
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    line-height: 22px;
}

.ZyNewsUl li:hover .ZyNewsy>a {
    color: #c50e26;
}


/* 新闻 */


/* 业务范围 */

.Scope {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.ScopeUl li {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 26px;
}

.ScopeUl li:hover {
    background-color: #184288;
}

.ScopeUl li>a {
    display: block;
    float: left;
    border: 3px solid #fff;
    width: 365px;
    height: 208px;
    margin-right: 40px;
    overflow: hidden;
}

.ScopeUl li:hover>a {
    border: 3px solid #184288;
}

.ScopeUl li>a img {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.ScopeUl li:hover>a img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.ScopeUl li div {
    display: block;
    float: left;
    width: 63%;
}

.ScopeUl li div h3 {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
}

.ScopeUl li div h3 a {
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #184288;
    line-height: 42px;
    padding-bottom: 16px;
    border-bottom: 2px solid #184288;
    float: left;
}

.ScopeUl li:hover div h3 a {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.ScopeUl li div span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    line-height: 34px;
    text-indent: 2em;
}

.ScopeUl li:hover div span {
    color: #fff;
}

.ScopeUl .liff>a {
    margin-right: 0px;
    margin-left: 40px;
}


/* 业务范围 */


/* 在线留言 */

.zy_ly div {
    width: 100%;
    margin-bottom: 14px;
    position: relative;
}

.zy_ly .zy_lylast {
    font-size: 0;
    margin-left: 68px;
    text-align: center
}

.zy_ly div i {
    display: block;
    font-size: 16px;
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    line-height: 38px;
    text-align: center;
}

.zy_ly div span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #323232;
    line-height: 40px;
    float: left;
}

.zy_ly div input {
    font-size: 14px;
    font-weight: normal;
    width: 1070px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    float: right;
    padding: 0 30px;
}

.zy_ly div .code {
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 20;
    height: 40px;
    width: 100px;
    overflow: hidden;
}

.zy_ly .zpdb {
    text-align: center;
}

.zy_ly div .code img {
    width: 100%;
    height: 100%;
}

.zy_ly div textarea {
    font-size: 14px;
    font-weight: normal;
    font-family: '微软雅黑';
    width: 1070px;
    height: 70px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    float: right;
    padding: 5px 30px;
    resize: none;
    background: none;
}

.zy_ly div a {
    display: inline-block;
    vertical-align: middle;
    line-height: 42px;
    background-color: #184288;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 35%;
    margin: 0 20px;
    cursor: pointer;
}

.zy_ly div a:hover {
    background-color: #d40e28;
}

.zy_ckly {
    width: 100%;
    overflow: hidden;
    margin: 30px auto 0;
}

.zy_cklytop {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
}

.zy_cklytop h3 {
    font-size: 24px;
    font-weight: normal;
    color: #323232;
    text-align: center;
    line-height: 40px;
}

.zy_cklytop span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #000000;
    margin: 0 auto;
}


/* 在线留言 */


/* 查看留言 */

.cklys span {
    display: block;
    font-size: 16px;
    color: #e60014;
    font-weight: normal;
    line-height: 40px;
    float: left;
}

.cklys em {
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    line-height: 40px;
    float: right;
}

.cklyz {
    padding: 16px 20px;
    background-color: #f4f4f4;
    line-height: 2;
    font-size: 14px;
    color: #323232;
}

.cklyx {
    padding: 16px 20px;
    border: 1px solid #f4f4f4;
}

.cklyx span {
    line-height: 2;
    font-size: 14px;
    color: #323232;
    display: block;
}

.cklyx em {
    line-height: 1.2;
    font-size: 14px;
    color: #999;
    display: block;
}

.ckly ul {
    width: 100%;
    min-height: 500px;
    margin: 0 auto 15px;
    overflow: hidden;
}

.ckly ul li {
    margin-bottom: 25px;
}


/* 查看留言 */


/* 招贤纳士 */

.zptop {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
}

.zptop h3 {
    text-align: center;
    font-size: 30px;
    line-height: 2;
}

.zptop span {
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    text-indent: 2em;
    display: block;
}

.zpbottom {
    width: 100%;
    height: 670px;
    background-color: #f2f2f2;
    overflow: hidden;
    margin: 0 auto 40px;
    background-image: url(../img/img12.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

.zphd {
    width: 150px;
    float: left;
    margin: 60px auto 50px;
}

.zphd ul li {
    line-height: 46px;
    margin-bottom: 10px;
    text-align: center;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zphd ul .on {
    background-color: #d40e28;
    color: #fff;
}

.zpbd {
    width: 950px;
    height: 530px;
    float: right;
    margin: 55px 20px 0 auto;
}

.zpbd>img {
    width: 12px;
    display: block;
    float: left;
    margin-top: 20px;
}

.zpbd ul {
    width: 938px;
    background-color: #fff;
    height: 590px;
    float: right;
    overflow-y: auto;
}

.zpbd ul li {
    padding: 30px 36px;
}

.zpbds {
    text-align: left;
    font-size: 0;
}

.zpbds span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    margin-right: 70px;
    line-height: 40px;
}

.zpbdz h3 {
    font-size: 16px;
    color: #333;
    line-height: 40px;
}

.zpbdz div {
    font-size: 14px;
    line-height: 36px;
    color: #666666;
    margin-bottom: 10px;
}

.zpbdx {
    font-size: 0;
    margin-top: 40px;
}

.zpbdx a {
    display: inline-block;
    vertical-align: middle;
    min-width: 150px;
    max-width: 150px;
    text-align: center;
    line-height: 45px;
    background-color: #184288;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    margin-right: 30px;
    font-size: 16px;
    cursor: pointer;
}

.zpbdx a:hover {
    background-color: #d40e28;
}

.zpbdz {
    min-height: 330px;
}

.newsxx_top h3 {
    font-size: 23px;
    line-height: 2;
    border-bottom: 1px dashed #bfc9d9;
    font-weight: normal;
    color: #333;
    padding-bottom: 15px;
}

.newsxx {
    width: 800px;
    float: left;
    overflow: hidden;
    min-height: 400px;
}

.newsxx_c {
    font-size: 0;
    text-align: left;
    padding: 10px 0;
}

.newsxx_c span,
.newsxx_c a {
    font-size: 14px;
    color: #666666;
    line-height: 2;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.newsxx_c a:hover {
    color: #d40e28;
}

.newsxx_c .jia {
    background: url(../img/jih.png) no-repeat center;
    width: 25px;
    height: 21px;
}

.newsxx_c .jia:hover {
    background: url(../img/jiah.png) no-repeat center;
}

.newsxx_c .jian {
    background: url(../img/jian.png) no-repeat center;
    width: 25px;
    height: 21px;
    margin-top: 3px;
}

.newsxx_c .jian:hover {
    background: url(../img/jianh.png) no-repeat center;
    width: 25px;
    height: 21px;
}

.newsxx #Zoom {
    border-bottom: 1px dashed #bfc9d9;
    min-height: 400px;
    margin: 20px auto 30px;
    padding-bottom: 40px;
}

.sxp div {
    float: left;
    width: 70%;
}

.sxp div a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxp div a[href]:hover {
    color: #d40e28;
}

.sxp>a {
    font-size: 16px;
    line-height: 52px;
    background-color: #184288;
    display: block;
    float: right;
    color: #fff;
    min-width: 180px;
    max-width: 180px;
    text-align: center;
    margin: 6px auto;
}

.sxp>a:hover {
    background-color: #d40e28;
}

.newsxxy {
    float: right;
    width: 300px;
}

.newsxxy h2 {
    font-size: 0;
}

.newsxxy h2 img {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    margin-right: 15px;
}

.newsxxy h2 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;
    font-weight: normal;
}

.newsxxyUl {
    background-color: #fafbfb;
    background-image: url(../img/hl.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 16px;
    padding: 20px 0;
}

.newsxxyUl li {
    line-height: 46px;
    padding: 0 15px;
}

.newsxxyUl li h3 {
    float: left;
    font-weight: normal;
    font-size: 0;
}

.newsxxyUl li h3 em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background-color: #d40e28;
    margin-right: 10px;
}

.newsxxyUl li h3 a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    color: #454545;
}

.newsxxyUl li:hover h3 a {
    color: #d40e28;
}

.newsxxyUl li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    float: right;
    color: #666666;
}

.newsxxyUl li:hover span {
    color: #d40e28;
}


/* 案例详细 */

.alxx {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    min-height: 400px;
}

.alxx .newsxx_top h3 {
    text-align: center;
}

.alxx .newsxx_c {
    text-align: center;
}

.alxx #Zoom {
    border-bottom: 1px dashed #bfc9d9;
    min-height: 400px;
    margin: 20px auto 30px;
    padding-bottom: 40px;
}

.alxx .alxximg {
    width: 695px;
    height: 437px;
    margin: 0 auto 35px;
}

.hb_spxx {
    width: 840px;
    height: 365px;
    overflow: hidden;
    margin: 0 auto 35px;
}

.hb_spxx iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.sptop h3 {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #323232;
}