/* 公用样式开始 */

* {
    text-decoration: none;
}

a {
    outline: none;
    color: #333;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    outline: none;
}

/* 清除浮动 */

.clearfix {
    zoom: 1
}

.clearfix:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: '';
}

input {
    background: none;
    border: none;
    font-family: '微软雅黑';
}

textarea {
    font-family: '微软雅黑';
    resize: none;
}

ul li {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
}

body {
    font-family: '微软雅黑';
    background: #fff;
    min-width: 1200px;
}

address, cite, dfn, em, var, i {
    font-style: normal;
}

/*将斜体扶正*/

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

/* 宽1200px */

/* 公用样式结束 */

/* 头部开始 */

.under {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: url(../img/hhh.png) center;
}

.under .w1200 {
    position: relative;
}

.under .logo {
    width: 173px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
}

.under .logo:hover {
    opacity: 0.9;
}

.underul {
    float: left;
    font-size: 0;
    margin-left: 190px;
}

.underul .underli {
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
    padding: 0 15px;
    margin: 0 4px;
    position: relative;
}

.underul .underli a {
    display: block;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid transparent;
}

.underul .underli:hover>a {
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.underul .on>a {
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.underul .underli a img {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    width: 6px;
    height: 5px;
}

.undery {
    float: right;
    font-size: 0;
}

.undery span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 82px;
}

.undery a {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icon.png) no-repeat center;
    width: 16px;
    height: 82px;
    margin-left: 8px;
    cursor: pointer;
}

.undery a:hover {
    opacity: 0.8;
}

.underul .underli div {
    width: 116px;
    position: absolute;
    z-index: 99;
    text-align: center;
    left: 50%;
    top: 74px;
    margin-left: -58px;
    display: none;
}

.underul .underli:hover div {
    display: block;
}

.underul .underli div img {
    display: block;
    width: 18px;
    height: 8px;
    margin: 0 auto;
}

.underul .underli div ul {
    background-color: #fff;
    -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);
    border-radius: 8px;
    padding: 10px 0;
}

.underul .underli div a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 34px;
}

.underul .underli div a:hover {
    color: #08428d;
}

.underul .underli div .on a {
    color: #08428d;
}

/* 搜索 */

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

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

.sousuo>div {
    overflow: hidden;
    margin: 11px 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: 82px;
    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 {
    position: relative;
}

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

.sybanner .hd {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 99;
    text-align: center;
    font-size: 0;
}

.sybanner .hd a {
    cursor: pointer;
    width: 19px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.sybanner .hd a:hover {
    opacity: 0.8;
}

.sybanner .hd .prev {
    background: url(../img/prev.png) no-repeat center;
}

.sybanner .hd .next {
    background: url(../img/next.png) no-repeat center;
}

.sybanner .gdsz {
    font-size: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.sybanner .gdsz span, .sybanner .gdsz em, .sybanner .gdsz i {
    display: inline-block;
    vertical-align: bottom;
    font-style: italic;
    color: #fff;
    margin: 0 5px;
}

.sybanner .gdsz em, .sybanner .gdsz i {
    font-size: 20px;
    vertical-align: middle;
}

.sybanner .gdsz span {
    font-size: 30px;
}

/* 首页banner结束 */

/* 首页内容1 */

.IndexContent {
    width: 100%;
    margin: 0 auto;
    background: url(../img/bjt.jpg) no-repeat top center;
}

.IndexNews {
    width: 100%;
    height: 62px;
    -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);
    border-radius: 8px;
    position: relative;
    top: -31px;
    z-index: 100;
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto;
}

.IndexNews .IndexNewsz {
    width: 60px;
    height: 62px;
    float: left;
    background: url(../img/icon2.png) no-repeat center;
}

.IndexNews .IndexNewsz:hover {
    background: url(../img/icon2l.png) no-repeat center;
}

.IndexNewsy {
    float: left;
    width: 93%;
}

.IndexNewsy ul li h3 {
    float: left;
}

.IndexNewsy ul li h3 a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    line-height: 62px;
}

.IndexNewsy ul li:hover h3 a {
    color: #034392;
}

.IndexNewsy ul li>a {
    display: block;
    height: 62px;
    width: 18px;
    background: url(../img/jia.png) no-repeat center;
    float: right;
}

.IndexNewsy ul li:hover>a {
    background: url(../img/jial.png) no-repeat center;
}

/* 服务项目 */

.ServiceZ {
    width: 415px;
    height: 250px;
    background-color: #034392;
    float: left;
}

.ServiceBt {
    margin-left: 24px;
}

.ServiceBt h2 a {
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
    padding: 50px 0 10px;
}

.ServiceBt:hover h2 a {
    color: #87c14e;
}

.ServiceBt>a {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    padding-bottom: 20px;
}

.ServiceBt:hover>a {
    color: #87c14e;
}

.ServiceZ>a {
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/more.png) no-repeat center;
    margin-left: 24px;
}

.ServiceZ>a:hover {
    background: url(../img/more1.png) no-repeat center;
    transition: all ease-out .4s;
}

.ServiceY {
    height: 215px;
    width: 80%;
    background-color: #fff;
    -moz-box-shadow: 0px 0 3px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 0 3px rgb(228, 228, 228);
    box-shadow: 0px 0 3px rgb(228, 228, 228);
    float: left;
    margin: 17px 0;
    margin-left: -190px;
}

#contentlbxg .swiper-slide {
    width: 25%;
    position: relative;
}

#contentlbxg .swiper-slide i {
    width: 1px;
    height: 116px;
    position: absolute;
    right: 0;
    top: 60%;
    margin-top: -58px;
    display: block;
    background-color: #ebebeb;
}

#contentlbxg .swiper-slide>a {
    width: 108px;
    height: 108px;
    display: block;
    overflow: hidden;
    margin: 38px auto 0;
    border-radius: 50%;
}

#contentlbxg .swiper-slide h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    line-height: 1.2;
    padding-top: 16px;
}

#contentlbxg .swiper-slide>a img {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

#contentlbxg .swiper-slide:hover>a img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

#contentlbxg .swiper-slide:hover h3 a {
    color: #034392;
}

/* 新闻资讯  */

.IndexZx {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 0;
    background: url(../img/bj2.jpg) no-repeat 65px bottom;
}

.NewsTop {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 25px;
}

.NewsTop h2 a {
    display: block;
    font-size: 0;
    background: url(../img/logo1.png) no-repeat left center;
    padding-left: 70px;
}

.NewsTop h2 a i, .NewsTop h2 a span {
    display: inline-block;
    vertical-align: bottom;
}

.NewsTop h2 a i {
    font-size: 36px;
    font-weight: bold;
    color: #034392;
    line-height: 50px;
}

.NewsTop h2 a:hover i {
    color: #87c14e;
}

.NewsTop h2 a span {
    font-size: 18px;
    font-weight: normal;
    color: #87c14e;
    text-transform: uppercase;
    margin-left: 10px;
}

.NewsCz {
    float: left;
    width: 570px;
}

.NewsCUl li {
    border-bottom: 1px dashed #d4d4d4;
    line-height: 55px;
}

.NewsCUl li i, .NewsCUl li span, .NewsCUl li h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}

.NewsCUl li i {
    color: #034392;
    background: url(../img/g.png) no-repeat left center;
    padding-left: 20px;
}

.NewsCUl li span {
    margin: 0 10px;
}

.NewsCUl li h3 a {
    display: block;
}

.NewsCUl li:hover span, .NewsCUl li:hover h3 a {
    color: #034392;
}

.NewsCy {
    width: 616px;
    height: 476px;
    background: url(../img/bj.png) no-repeat top center;
    float: right;
    position: relative;
}

.djgz {
    background: url(../img/bjk1.png) no-repeat center;
    width: 267px;
    height: 231px;
    margin: 104px 0 0 145px;
    overflow: hidden;
    z-index: 20;
    position: relative;
}

.djgz>a {
    display: block;
    width: 72px;
    height: 72px;
    margin: 42px auto 30px;
    overflow: hidden;
}

.djgz h3 a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
}

.djgz:hover>a {
    height: 0;
    margin: 0 auto;
    transition: all ease-out .4s;
}

.djgz:hover h3 a {
    line-height: 231px;
    font-weight: bold;
    transition: all ease-out .4s;
}

.xmjl {
    width: 209px;
    height: 190px;
    background: url(../img/bjk2.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 158px;
    text-align: center;
    overflow: hidden;
}

.xmjl>a {
    display: block;
    width: 52px;
    height: 53px;
    margin: 47px auto 10px;
    overflow: hidden;
}

.xmjl h3 a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
}

.xmjl:hover>a {
    height: 0;
    margin: 0 auto;
    transition: all ease-out .4s;
    opacity: 0;
}

.xmjl:hover h3 a {
    line-height: 190px;
    font-weight: bold;
    transition: all ease-out .4s;
}

.rczp {
    width: 208px;
    height: 189px;
    background: url(../img/bjk3.png) no-repeat center;
    position: absolute;
    right: 121px;
    bottom: 0;
    text-align: center;
    z-index: 10;
    overflow: hidden;
}

.rczp:hover {
    z-index: 22;
}

.rczp>a {
    display: block;
    width: 53px;
    height: 53px;
    margin: 54px auto 10px;
    overflow: hidden;
}

.rczp h3 a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
}

.zxly {
    width: 248px;
    height: 224px;
    background: url(../img/bjk41.png) no-repeat center;
    position: absolute;
    left: 12px;
    bottom: 46px;
    text-align: center;
    overflow: hidden;
}

.zxly:hover {
    background: url(../img/bjk4.png) no-repeat center;
    z-index: 22;
}

.zxly>a {
    display: block;
    width: 44px;
    height: 43px;
    margin: 100px auto 10px;
    overflow: hidden;
}

.zxly:hover>a {
    margin: 80px auto 10px;
    transition: all ease-out .4s;
}

.zxly h3 a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    line-height: 1.2;
}

.Newsdi {
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/m2.png) no-repeat center;
    margin-top: 50px;
}

.Newsdi:hover {
    background: url(../img/more2.png) no-repeat center;
    transition: all ease-out .4s;
}

/* 内容2 */

.IndexProfile {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/bjt2.jpg) no-repeat center;
}

.Profiles {
    width: 100%;
    overflow: hidden;
    margin: 220px auto 65px;
    text-align: center;
}

.Profiles h2 a {
    display: block;
    font-size: 0;
}

.Profiles h2 a i, .Profiles h2 a span {
    display: inline-block;
    vertical-align: bottom;
}

.Profiles h2 a i {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
}

.Profiles h2 a:hover i {
    color: #87c14e;
}

.Profiles h2 a span {
    font-size: 18px;
    font-weight: normal;
    color: #87c14e;
    text-transform: uppercase;
    margin-left: 10px;
}

.Profilez ul {
    font-size: 0;
}

.Profilez ul li {
    display: inline-block;
    vertical-align: middle;
    height: 235px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.Profilez ul li>a {
    position: absolute;
    z-index: 10;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.Profilez ul .Profilez1 {
    width: 355px;
    background-color: #0a98e0;
}
.Profilez ul li i{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #034392;
}
.Profilez ul li:hover i{
    width: 100%;
    transition: all ease-out .4s;
}

.Profilez ul .Profilez2 {
    width: 490px;
    background-color: #29ae6a;
}

.Profilez ul .Profilez3 {
    background-color: #222222;
}

.Profilez ul .Profilez4 {
    background-color: #fff;
}

.Profilez ul .Profilez5 {
    background: url(../img/l.jpg) no-repeat center;
}

.Profilez ul .Profilez6 {
    background-color: #555;
}

.Profilez ul li span {
    display: block;
    font-size: 12px;
    line-height: 2;
    color: #fff;
    margin: 0 20px;
}

.Profilez ul li h3 a {
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 2;
}

.Profilez ul li img {
    display: block;
    margin: 45px auto 0;
    width: 65px;
    height: 64px;
}

.Profilez ul .Profilez1 span {
    color: #c6e9fb;
}

.Profilez ul .Profilez2 span {
    color: #9cffcc;
}

.Profilez ul .Profilez3 span {
    color: #9d9d9d;
}

.Profilez ul .Profilez4 h3 a {
    color: #333333;
}

.Profilez ul .Profilez4 span {
    color: #333333;
}

.Profilez ul .Profilez6 span {
    color: #fff;
}

.Profilez ul li:hover img {
    height: 0;
    opacity: 0;
    margin: 80px auto 0;
    transition: all ease-out .4s;
}

.ProfilesEnter {
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/more.png) no-repeat center;
    margin: 70px auto;
}

.ProfilesEnter:hover {
    background: url(../img/more1.png) no-repeat center;
    transition: all ease-out .4s;
}

/* 内容2 */

/* 内容3 */

.IndexCase {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/bjt3.jpg) no-repeat center;
}

.IndexCase .parHd {
    margin: 80px auto 56px;
}

.IndexCase .parHd ul {
    text-align: center;
    font-size: 0;
}

.IndexCase .parHd ul li {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    background-color: #fff;
    height: 63px;
    border-radius: 50px;
    margin: 0 8px;
    overflow: hidden;
}

.IndexCase .parHd ul li a {
    display: block;
    font-size: 0;
}

.IndexCase .parHd ul .on {
    background: url(../img/xz.png) no-repeat center;
    border-radius: 0px;
    height: 73px;
}

.IndexCase .parHd ul li img, .IndexCase .parHd ul li i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.IndexCase .parHd ul li i {
    font-size: 20px;
    font-weight: bold;
    color: #034392;
    line-height: 63px;
}

.IndexCase .parHd ul .on i {
    color: #87c14e;
}

.IndexCase .slideBox .bd {
    overflow: hidden;
    min-height: 348px;
}

.slideBoxUl {
    margin-right: -27px;
}

.slideBoxUl li {
    width: 382px;
    float: left;
    margin-right: 27px;
}

.slideBoxUl li div {
    width: 382px;
    height: 258px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.slideBoxUl li div a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    background: url(../img/ld.png) center;
    z-index: 10;
}

.slideBoxUl li:hover div a {
    top: 0;
    transition: all ease-out .4s;
}

.slideBoxUl li div a img {
    display: block;
    width: 84px;
    height: 84px;
    margin: 87px auto;
    transition: transform 1s;
    -moz-transition: -moz-transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -o-transition: -o-transform 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.slideBoxUl li:hover div a img {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.slideBoxUl li h3 a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding: 24px 0 36px;
}

.slideBoxUl li:hover h3 a {
    color: #034392;
    background: url(../img/dx.png) no-repeat bottom center;
}

.CaseMore {
    display: block;
    width: 66px;
    height: 66px;
    background: url(../img/m2.png) no-repeat center;
    margin: 65px auto 135px;
}

.CaseMore:hover {
    background: url(../img/more2ll.png) no-repeat center;
    transition: all ease-out .4s;
}

.IndexCase .parBd {
    position: relative;
}

.IndexCase .sPrev, .IndexCase .sNext {
    position: absolute;
    top: 40%;
    margin-top: -33px;
    width: 34px;
    height: 67px;
    cursor: pointer;
    display: block;
}

.IndexCase .sPrev:hover, .IndexCase .sNext:hover {
    opacity: 0.6;
}

.IndexCase .sPrev {
    background: url(../img/sprev.png) no-repeat center;
    left: -60px;
}

.IndexCase .sNext {
    background: url(../img/snext.png) no-repeat center;
    right: -60px;
}

/* 内容3 */

/* 底部 */

.bottom {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #333333;
}

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

.bottomz span, .bottomz div {
    display: inline-block;
    vertical-align: middle;
}

.bottomz span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
}

.bottomz div a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #777777;
    margin: 0 10px;
}

.bottomz div a:hover {
    color: #fff;
}

.dfottoer {
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background-color: #333333;
    border-top: 3px solid #06438e;
    border-bottom: 3px solid #87c14e;
}

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

.fotter1 {
    font-size: 0;
    text-align: center;
    margin: 40px auto 0;
}

.fotter1 span, .fotter1 div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

.fotter1 span {
    font-size: 18px;
    font-weight: bold;
    color: #989898;
    background: url(../img/icon10.png) no-repeat left center;
    padding-left: 55px;
    line-height: 44px;
}

.fotter1 div {
    width: 44px;
    height: 44px;
    position: relative;
    cursor: pointer;
}

.fotter1 div em {
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: none;
    z-index: 30;
}

.fotter1 div:hover em {
    display: block;
}

.fotter1 .ewm1 {
    background: url(../img/xcx.png) no-repeat center;
}

.fotter1 .ewm2 {
    background: url(../img/ewm.png) no-repeat center;
}

.fotter1 .ewm3 {
    background: url(../img/wx.png) no-repeat center;
}

.fotter2 {
    text-align: center;
    font-size: 0;
    padding: 24px 0;
}

.fotter2 span {
    font-size: 14px;
    font-weight: normal;
    color: #d3d3d3;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.fotter2 div {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 5px;
}

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

.fotter2>a {
    margin: 0 5px;
}

.fotter2 a {
    font-size: 14px;
    font-weight: normal;
    color: #d3d3d3;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

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

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

.fotter3 {
    font-size: 14px;
    color: #545454;
    line-height: 2;
    text-align: center;
}

.sidebar {
    position: fixed;
    bottom: 5%;
    right: 50px;
    z-index: 999;
}

.sidebar a {
    display: block;
    width: 55px;
    height: 55px;
    margin: 5px 0;
    background-color: #003b94;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.sidebar .to_top:hover {
    background-color: #809dc8;
}

.sidebar1 {
    background-image: url(../img/icon11.png);
}

.sidebar2 {
    background-image: url(../img/icon12.png);
}

.sidebar3 {
    background-image: url(../img/icon13.png);
}

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

.sidebar a div {
    width: 100px;
    height: 100px;
    display: none;
    position: absolute;
    top: 30%;
    right: 60px;
}

.sidebar a:hover div {
    display: block;
}

.sidebar1 span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #003b94;
    line-height: 55px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 180px;
    text-align: center;
    border-radius: 30px;
    display: none;
}

.sidebar1:hover span {
    display: block;
}

/* 底部 */

/* 子页banner */

.zybanner {
    position: relative;
}

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

.zybanner .hd {
    position: absolute;
    overflow: hidden;
    bottom: 35px;
    left: 0;
    z-index: 88;
    width: 100%;
}

.zybanner .hd ul {
    text-align: center;
    width: 100%;
    overflow: hidden;
    clear: both;
    font-size: 0;
}

.zybanner .hd ul li {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #08428d;
    margin: 0 8px;
    z-index: 99;
    cursor: pointer;
}

.zybanner .hd ul .on {
    background-color: #89bf4b;
}

/* 子页banner */

/* 二级栏目 */

.zynav {
    width: 100%;
    background-color: #fff;
    -moz-box-shadow: 0px 0 10px rgb(228, 228, 228);
    -webkit-box-shadow: 0px 0 10px rgb(228, 228, 228);
    box-shadow: 0px 0 10px rgb(228, 228, 228);
}

.zynavy {
    float: right;
    font-size: 0;
}

.zynavy a, .zynavy em {
    font-size: 14px;
    color: #666666;
    line-height: 64px;
    display: inline-block;
    vertical-align: middle;
}

.zynavy .index {
    background: url(../img/wz.png) no-repeat left center;
    padding-left: 25px;
}

.zynavy em {
    margin: 0 4px;
}

.zynavy a:hover {
    color: #89bf4b;
}

.zynavz {
    float: left;
}

.zynavz ul {
    font-size: 0;
}

.zynavz ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
}

.zynavz ul li a {
    display: block;
    font-size: 15px;
    color: #333333;
    line-height: 64px;
    position: relative;
    z-index: 1;
    width: 98px;
    text-align: center;
}

.zynavz ul .on span {
    background: url(../img/xuanz.png) no-repeat center;
    width: 98px;
    height: 96px;
    position: absolute;
    z-index: -1;
    display: block;
    left: 0;
    bottom: 0;
}

.zynavz ul .on a {
    color: #fff;
    font-weight: bold;
}

.zynavz ul li:hover span {
    background: url(../img/xuanz.png) no-repeat center;
    width: 98px;
    height: 96px;
    position: absolute;
    z-index: -1;
    display: block;
    left: 0;
    bottom: 0;
}

.zynavz ul li:hover a {
    color: #fff;
    font-weight: bold;
}

/* 二级栏目 */

.publiczy {
    width: 100%;
    overflow: hidden;
    margin: 80px auto 100px;
    min-height: 600px;
}

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

.contusz {
    float: left;
    margin-top: 35px;
}

.contuszs {
    margin-bottom: 20px;
}

.contuszs img {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 10px;
}

.contuszs div {
    float: left;
    display: inline-block;
    vertical-align: middle;
}

.contuszs div em {
    display: block;
    font-size: 16px;
    color: #333;
}

.contuszs div span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #8cc451;
}

.contuszx span {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    margin-left: 68px;
}

.contusy {
    float: right;
    margin-right: 40px;
}

.contusy div {
    display: inline-block;
    vertical-align: middle;
    width: 185px;
    margin: 0 20px;
    text-align: center;
}

.contusy div span {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 2;
    margin-top: 10px;
}

.contentimg {
    width: 1070px;
    height: 354px;
    margin: 40px auto;
    overflow: hidden;
}

.bdmap {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 460px;
}

/* 网站地图 */

.maplogo img {
    display: block;
    margin: 0 auto 60px;
}

.websitemap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 300px;
    background: url(../img/bjt4.jpg) no-repeat bottom center;
}

.websiteul {
    position: relative;
    z-index: 10;
}

.websiteul .websiteli {
    float: left;
    text-align: center;
}

.websiteul .websiteli>a {
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    min-width: 116px;
    max-width: 116px;
    text-align: center;
    margin: 0 2px;
    margin-bottom: 20px;
}

.websiteul .websiteli>a:hover {
    background-color: #004291;
    border-radius: 30px;
    color: #fff;
}

.websiteul .websiteli ul li a {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.websiteul .websiteli ul li a:hover {
    color: #0b0b0b;
    font-weight: bold;
}

.websitext {
    width: 100%;
    height: 1px;
    background-color: #d4d4d4;
    position: relative;
    z-index: 9;
    top: 50px;
}

.equipment {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
    min-height: 600px;
}

.equipment .slideBoxUl li {
    margin-bottom: 30px;
}

.equipment .slideBoxUl li h3 a {
    line-height: 45px;
    padding: 15px 0 30px;
}

/* 分页 */

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

.hb_fenye a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    margin: 0 5px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 20px;
    min-width: 40px;
    max-width: 40px;
    border: 1px solid #e2e2e2;
}

.hb_fenye a[href]:hover {
    background-color: #08428d;
    color: #fff;
    border: 1px solid #08428d;
}

.hb_fenye span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0 5px;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    background: #08428d;
    border: 1px solid #08428d;
    min-width: 40px;
    max-width: 40px;
}

/* 分页 */

/* 详细页top */

.zytop {
    width: 100%;
    margin: 0 auto 100px;
    background: url(../img/zytop.jpg) no-repeat top center;
    overflow: hidden;
    min-height: 700px;
}

.zytops {
    width: 100%;
    height: 255px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../img/l.png) no-repeat 20px bottom;
    position: relative;
}

.zytops .zynavy {
    position: absolute;
    right: 0;
    bottom: 0;
}

.zytops .zynavy a, .zytops .zynavy em {
    color: #fff;
    line-height: 40px;
}

.zytops .zynavy a:hover {
    color: #8cc451;
}

.zytopc {
    width: 100%;
    min-height: 500px;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 40px;
}

.zytopcz {
    width: 926px;
    float: left;
    margin-left: 50px;
}

.pages h3 {
    font-size: 28px;
    color: #024291;
    line-height: 2;
}

.pagex {
    font-size: 0;
    margin-top: 10px;
}

.pagex span, .pagex img, .pagex a {
    display: inline-block;
    vertical-align: middle;
}

.pagex span {
    font-size: 14px;
    color: #999999;
    line-height: 2;
    margin-right: 15px;
}

.pagex .jia {
    background: url(../img/ajia.png) no-repeat center;
    width: 21px;
    height: 13px;
    margin-left: 10px;
}

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

.pagex .jian {
    background: url(../img/a-.png) no-repeat center;
    width: 18px;
    height: 13px;
    margin-left: 10px;
}

.pagex .jian:hover {
    background: url(../img/icon16.png) no-repeat center;
}

.device {
    width: 535px;
    height: 360px;
    overflow: hidden;
    margin: 0 auto 50px;
    border-radius: 8px;
}

#Zoom {
    width: 100%;
    overflow: hidden;
    margin: 50px auto 80px;
    min-height: 500px;
}

.sxp {
    font-size: 0;
}

.sxp a {
    display: inline-block;
    vertical-align: middle;
}

.sxp .syy {
    width: 40px;
    height: 40px;
    background: url(../img/syy.png) no-repeat left center;
    margin: 0 10px;
}

.sxp .syy[href]:hover {
    background: url(../img/syyl.png) no-repeat left center;
}

.sxp .xyy {
    width: 40px;
    height: 40px;
    background: url(../img/syy.png) no-repeat right center;
    margin: 0 10px;
}

.sxp .xyy[href]:hover {
    background: url(../img/syyl.png) no-repeat right center;
}

.sxp .fhlb {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    background: url(../img/fh.png) no-repeat left center;
    padding-left: 55px;
    margin-left: 50px;
}

.sxp .fhlb:hover {
    background: url(../img/fhl.png) no-repeat left center;
    color: #024291;
}

.zytopcy {
    float: right;
    width: 220px;
    border-left: 1px solid #eaeaea;
    margin-top: 70px;
    padding-bottom: 70px;
}

.zytopcy img {
    display: block;
    margin: 25px auto;
}

#fenxing a {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    color: #999;
    height: 33px;
    margin-bottom: 10px;
}

#fenxing .bds_weixin {
    background: url(../img/jlt1.jpg) no-repeat top center;
}

#fenxing .bds_tsina {
    background: url(../img/jlt1.jpg) no-repeat center -40px;
}

#fenxing .bds_qzone {
    background: url(../img/jlt1.jpg) no-repeat center -80px;
}

#fenxing .bds_sqq {
    background: url(../img/jlt1.jpg) no-repeat center -120px;
}

#fenxing .bds_tqq {
    background: url(../img/jlt1.jpg) no-repeat bottom center;
    display: none;
}

/* 新闻资讯 */

.zynews {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 40px;
    min-height: 600px;
}

.zynewss {
    margin-right: -87px;
    margin-bottom: 55px;
}

.zynewss li {
    float: left;
    width: 342px;
    margin-right: 87px;
    cursor: pointer;
}

.zynewss .zynewsa {
    display: block;
    width: 100%;
    height: 210px;
    overflow: hidden;
    border-radius: 10px;
}

.zynewss .zynewsa img {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.zynewss li:hover .zynewsa img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.zynewss li span {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 2;
    padding-top: 26px;
}

.zynewss li h3 a {
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 40px;
}

.zynewss li .newsenter {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/enter.png) no-repeat center;
    margin-top: 20px;
}

.zynewss li:hover .newsenter {
    background: url(../img/enterl.png) no-repeat center;
}

.zynewss li:hover h3 a {
    color: #024291;
}

.zynewxx {
    margin-right: -51px;
}

.zynewxx li {
    width: 366px;
    float: left;
    margin-right: 51px;
    margin-bottom: 40px;
}

.zynewxx li span {
    display: block;
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid #d2d2d2;
    line-height: 42px;
    position: relative;
}
.zynewxx li:hover span {
    border-bottom: 1px solid transparent;
}

.zynewxx li span i{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #024291;
}

.zynewxx li:hover span i{
    width: 100%;
    transition: all ease-out .4s;
}

.zynewxx li h3 a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    padding: 15px 0 10px;
}

.zynewxx li:hover h3 a {
    color: #024291;
}

.zynewxx li em {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    min-height: 60px;
}

.zynewxx li>a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/enter.png) no-repeat center;
    margin-top: 20px;
}

.zynewxx li:hover>a {
    background: url(../img/enterl.png) no-repeat center;
}

/* 相关推荐 */

.xgtj {
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
}

.xgtj .NewsCUl {
    margin-right: -180px;
}

.xgtj .NewsCUl li {
    width: 480px;
    float: left;
    margin-left: 30px;
    margin-right: 180px;
}

.xgtj .NewsCUl li i {
    color: #034392;
    background: url(../img/g.png) no-repeat left center;
    width: 12px;
    height: 12px;
    padding-left: 0px;
}

.xgtjtop {
    text-align: center;
    font-size: 0;
    width: 100%;
    margin-bottom: 20px;
}

.xgtjtop i {
    background: url(../img/logo3.jpg) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    width: 78px;
    height: 49px;
}

.xgtjtop h2 {
    font-size: 36px;
    font-weight: bold;
    color: #034392;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

/* 相关推荐 */

/* 团队展示 */

.team {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    min-height: 600px;
}

.team ul {
    font-size: 0;
}

.team ul li {
    width: 295px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 52px 35px;
}

.team ul li div {
    width: 100%;
    height: 223px;
    background: url(../img/bjk5.png) no-repeat center;
}

.team ul li div a {
    display: block;
    width: 290px;
    height: 210px;
    overflow: hidden;
}

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

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

.team ul li h3 a {
    display: block;
    font-size: 0;
}

.team ul li:hover h3 a {
    background: url(../img/enter1.png) no-repeat right center;
}

.team ul li h3 a i, .team ul li h3 a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 58px;
    font-weight: normal;
}

.team ul li h3 a i {
    font-size: 16px;
    color: #333333;
}

.team ul li h3 a span {
    font-size: 16px;
    color: #666666;
    margin-left: 15px;
}

.team ul li em {
    display: block;
    width: 0;
    height: 2px;
    background-color: #fff;
    border-top: 2px solid #124f9a;
    border-bottom: 2px solid #87c14e;
}

.team ul li:hover em {
    width: 100%;
    transition: all ease-out .4s;
}

.teamxx {
    width: 428px;
    margin: 0 auto 30px;
}

.teamxx div {
    width: 100%;
    height: 308px;
    overflow: hidden;
    margin: 0 auto 20px;
}

.teamxx h3 {
    color: #333;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
}

/* 团队展示 */

/* 发展历程 */

.history {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/logo.jpg) no-repeat top right;
}

.historys {
    width: 146px;
    height: 146px;
    margin: 0 auto;
    overflow: hidden;
}

.historyx {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    background: url(../img/xt.jpg) repeat-y center;
    padding: 60px 0 30px;
}

.historyx ul li {
    text-align: right;
    margin-right: 50%;
    margin-left: 100px;
    font-size: 0;
    margin-bottom: 30px;
}

.historyx ul li h3 {
    font-size: 18px;
    color: #333333;
    line-height: 2;
}

.historyx ul li span {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    display: block;
}

.historyx ul li i {
    display: block;
    width: 25px;
    height: 14px;
    background: url(../img/sy.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.historyx ul li div {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.historyx ul .historli {
    text-align: left;
    margin-right: 10px;
    margin-left: 50%;
}

.historyx ul .historli i {
    margin-left: 0px;
    margin-right: 10px;
    background: url(../img/shuy.png) no-repeat center;
}

.historyxlb .year {
    font-size: 30px;
    color: #89bf4b;
    line-height: 36px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.historymore {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #003b94;
    font-weight: bold;
    line-height: 3;
}

.historymore:hover {
    color: #89bf4b;
}

/* 发展历程 */

/* 荣誉资质 */

.honer {
    margin: 0 auto 40px;
    overflow: hidden;
    min-height: 600px;
    width: 100%;
}

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

.honer ul li {
    float: left;
    width: 386px;
    overflow: hidden;
    position: relative;
    margin-right: 21px;
    margin-bottom: 26px;
}

.honer ul li>a {
    display: block;
}

.honer ul li h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.honer ul li h3 a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 72px;
    background-color: #08428d;
    width: 100%;
}

.honer ul li:hover h3 {
    height: 72px;
    overflow: hidden;
    transition: all ease-out .4s;
}

.honerxx {
    margin: 0 auto 30px;
    width: 420px;
    height: 303px;
    overflow: hidden;
}

/* 荣誉资质 */

/* 在线留言 */

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

.Onlinetop h2 {
    font-size: 30px;
    font-weight: bold;
    color: #08428d;
    line-height: 1.2;
    background: url(../img/logo3.jpg) no-repeat left center;
    padding-left: 76px;
}

.Onlinetop h2 i {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #87c14e;
    margin-left: 10px;
}

.Onlinetop span {
    display: block;
    font-size: 14px;
    display: block;
    color: #333333;
    padding: 20px 0 35px;
}

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

.Onlinecs {
    font-size: 0;
}

.Onlinecs div {
    width: 334px;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 32px;
}

.Onlinecs div span {
    display: block;
    width: 48px;
    height: 100%;
    float: left;
}

.Onlinecs div input {
    height: 54px;
    line-height: 54px;
    float: right;
    font-size: 16px;
    width: 85%;
}

.Onlinecs div input::placeholder {
    color: #999;
}

.Onlinecs .Onlinec1 span {
    background: url(../img/icon17.jpg) no-repeat center;
}

.Onlinecs .Onlinec2 span {
    background: url(../img/icon18.jpg) no-repeat center;
}

.Onlinecs .Onlinec3 span {
    background: url(../img/icon9.jpg) no-repeat center;
}

.Onlinecz {
    width: 1136px;
    margin: 30px auto;
    overflow: hidden;
    height: 244px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.Onlinecz span {
    display: block;
    font-size: 16px;
    color: #999999;
    background: url(../img/xx.png) no-repeat left center;
    padding-left: 30px;
    margin-left: 15px;
    line-height: 50px;
}

.Onlinecz textarea {
    padding: 0 30px 10px;
    width: 94%;
    height: 180px;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    overflow-y: auto;
}

.Onlinecx div, .Onlinecx a {
    display: inline-block;
    vertical-align: middle;
}

.Onlinecx {
    font-size: 0;
    width: 1136px;
    overflow: hidden;
    margin: 0 auto;
}

.Onlinecx div {
    width: 546px;
    height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.Onlinecx div span {
    width: 48px;
    height: 100%;
    float: left;
    background: url(../img/sz.png) no-repeat center;
}

.Onlinecx div input {
    height: 54px;
    line-height: 54px;
    float: left;
    font-size: 16px;
    width: 70%;
}

.Onlinecx div img {
    float: right;
    display: block;
    width: 100px;
    height: 54px;
    cursor: pointer;
}

.Onlinecx div input::placeholder {
    color: #999;
}

.Onlinecx a {
    width: 235px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: #08428d;
    border-radius: 5px;
    margin-left: 59px;
}

.Onlinecx a:hover {
    background-color: #8fc357;
}

.message {
    width: 100%;
    overflow: hidden;
    margin: 90px auto 30px;
    min-height: 400px;
}

.messagelb {
    margin: 40px 0;
}

.messages {
    margin-bottom: 30px;
}

.messages img {
    display: block;
    float: left;
}

.messages .messagesy {
    float: right;
    width: 90%;
}

.messages .messagesy span {
    display: block;
    font-size: 16px;
    color: #08428d;
    float: left;
    width: 100%;
    line-height: 50px;
}

.messages .messagesy span i {
    display: block;
    float: right;
    line-height: 50px;
    font-size: 16px;
    color: #666666;
}

.messages .messagesy div {
    background-color: #fafafa;
    padding: 10px 30px;
    font-size: 16px;
    color: #666666;
    width: 95%;
    float: left;
    border-radius: 5px;
    line-height: 2;
}

.hf img {
    display: block;
    float: left;
    margin-left: 26px;
}

.hf .messagesy {
    float: right;
    width: 90%;
}

.hf .messagesy span {
    display: block;
    font-size: 16px;
    color: #8fc357;
    width: 100%;
    line-height: 50px;
    font-weight: bold;
}

.hf .messagesy div {
    background-color: #fafafa;
    padding: 10px 30px;
    font-size: 16px;
    color: #666666;
    width: 95%;
    float: left;
    border-radius: 5px;
    line-height: 2;
}

/* 在线留言 */

.Rencai {
    text-align: center;
}

.Rencai h3 {
    display: block;
    font-size: 36px;
    font-weight: normal;
    color: #000000;
    line-height: 1.5;
}

.Rencai span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    line-height: 1.5;
}

.Rencaix {
    width: 100%;
    overflow: hidden;
    margin: 50px auto 60px;
    min-height: 500px;
}

.Rencaitop {
    font-size: 0;
    background-color: #08428d;
}

.Rencaitop span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 66px;
    width: 20%;
}

.Rencaixc {
    float: left;
    height: 326px;
    overflow-y: auto;
    width: 69%;
}

.Rencaixc div {
    float: left;
    width: 74%;
}

.Rencaixc div h3 {
    font-size: 16px;
    color: #151515;
    line-height: 2;
}

.Rencaixlis {
    font-size: 0;
}

.Rencaixlis span {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: center;
    line-height: 26px;
    padding: 20px 0;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}

.Rencaiul {
    border-left: 1px solid #8fc357;
    border-right: 1px solid #8fc357;
    width: 1198px;
}

.Rencaiul li {
    border-bottom: 1px solid #8fc357;
    cursor: pointer;
}

.Rencaixz {
    background: url(../img/zp.png) no-repeat center;
    width: 210px;
    height: 326px;
    float: left;
    margin: 0 60px 0 45px;
}

.Rencaixz div {
    padding: 30px;
}

.Rencaixz div h3 {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 30px;
}

.Rencaixz div span {
    display: block;
    font-size: 0;
    margin-bottom: 20px;
}

.Rencaixz div span img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.Rencaixz div span i {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.2;
    font-size: 16px;
}

.Rencaixc>a {
    display: block;
    background: url(../img/xxx.png) no-repeat center;
    width: 121px;
    height: 44px;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 30px;
    cursor: pointer;
}

.Rencaixc>a:hover {
    background: url(../img/lll.png) no-repeat center;
}

.Rencaixlix {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 70px;
    display: none;
}

.Rencaiul .open .Rencaixlix {
    display: block;
}

.Rencaiul li:hover .Rencaixlis .ckxq {
    background: url(../img/xxx.png) no-repeat center 16px;
    color: #fff;
}

.Rencaiul .open .Rencaixlis .ckxq {
    background: url(../img/xxx.png) no-repeat center 16px;
    color: #fff;
}

/* 项目交流 */

.Onlinecs .Onlinec5 span {
    background: url(../img/gongs.png) no-repeat center;
}

.xianmu .Onlinecz {
    height: 118px;
}

.xianmu .Onlinecz textarea {
    height: 58px;
}

.wjsc {
    width: 1136px;
    margin: 0 auto 30px;
    overflow: hidden;
    height: 163px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.xianmu .Onlinecz span {
    line-height: 1.5;
    margin-top: 10px;
}

.wjsc span {
    display: block;
    font-size: 16px;
    color: #999999;
    background: url(../img/wj.png) no-repeat left center;
    padding-left: 30px;
    margin-left: 15px;
    line-height: 1.5;
    margin-top: 10px;
}

.wjsc em {
    display: block;
    font-size: 12px;
    color: #1f62b9;
    margin-left: 50px;
    line-height: 2;
}

.wjsc a {
    display: block;
    width: 41px;
    height: 50px;
    background: url(../img/wenj.png) no-repeat center;
    margin: 15px 50px;
    cursor: pointer;
}

#zygd .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
    width: 98px;
}

#zygd .swiper-slide a {
    display: block;
    font-size: 15px;
    color: #333333;
    line-height: 60px;
    position: relative;
    z-index: 1;
    width: 98px;
    text-align: center;
    padding-top: 37px;
}

#zygd .swiper-slide a span {
    background:none;
    width: 0;
    height: 96px;
    position: absolute;
    z-index: -1;
    display: block;
    left: 0;
    bottom: 0;
}
#zygd .swiper-slide:hover a  {
    color: #fff;
}

#zygd .swiper-slide:hover a span {
    background: url(../img/xuanz.png) no-repeat center;
    transition: all ease-out .4s;
    width: 98px;
}
#zygd .swiper-slide.on a span {
    background: url(../img/xuanz.png) no-repeat center;
    width: 98px;
}
#zygd .swiper-slide.on a  {
    color: #fff;
}
.zynavzxg{
    width: 75%;
}
.zynavxg{
    width: 100%;
    height: 123px;
    overflow: hidden;
    margin-top: -33px;
    position: relative;
    z-index: 120;
    background: url(../img/cnm.png) no-repeat center;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.zynavxg .zynavy{
    margin-top: 33px;
}

@media screen and (max-width: 1700px){
    .sousuo>div{
        width: 80%;
    }
}