*,:after,:before {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%
}

body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none
}

em,i {
    font-style: normal
}

a {
    text-decoration: none
}

img {
    border: none
}

table {
    border-spacing: 0;
    table-layout: fixed
}

body {
    position: relative;
    /*font: 14px/1.5 BlinkMacSystemFont,Segoe UI,Helvetica Neue,\\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;*/
    font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    word-wrap: break-word
}

.clearfix:after,.clearfix:before {
    display: table;
    visibility: hidden;
    height: 0;
    content: ' '
}

.clearfix:after {
    clear: both
}

body,html {
    min-width: 1280px
}

.layout-inner {
    width: 1280px;
    margin: 0 auto
}

.to-top {
    display: none;
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: 650px;
    width: 50px;
    height: 60px;
    background: url(../img/to_top.png) no-repeat;
    cursor: pointer
}

.mod-title {
    margin: 50px 0;
    text-align: center
}

.mod-title h3 {
    display: inline-block;
    padding: 0 9px 6px;
    border-bottom: 4px solid #ff8a00;
    font-size: 36px;
    font-weight: 400;
    color: #333
}

.icon-go {
    display: inline-block;
    background: url(../img/base.png) no-repeat;
    width: 40px;
    height: 40px
}

.mod-paging {
    position: relative;
    margin: 50px 0;
    text-align: center;
    z-index: 1000
}

.mod-paging .next,.mod-paging .prev {
    display: inline-block;
    position: relative;
    height: 30px;
    background: #e8e8e8;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    line-height: 28px;
    color: #7a7a7a;
    vertical-align: middle
}

.mod-paging .next:before,.mod-paging .prev:before {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 8px;
    height: 11px;
    background: url(../img/base.png) no-repeat;
    content: ''
}

.mod-paging .prev {
    padding: 0 13px 0 32px
}

.mod-paging .prev:before {
    left: 12px;
    background-position: -60px 0
}

.mod-paging .next {
    padding: 0 32px 0 13px
}

.mod-paging .next:before {
    right: 12px;
    background-position: -60px -28px
}

.mod-paging .page {
    display: inline-block;
    position: relative;
    margin: 0 33px;
    padding: 0 14px 0 0;
    font-size: 18px;
    color: #636363;
    vertical-align: middle;
    cursor: pointer
}

.mod-paging .page:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    width: 7px;
    height: 4px;
    background: url(../img/base.png) no-repeat -88px 0;
    content: ''
}

.mod-paging .num-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    max-height: 350px;
    border: 1px solid #e8e8e8;
    overflow: auto;
    background: #fff
}

.mod-paging .num-list a {
    display: block;
    margin-top: -1px;
    height: 35px;
    border-top: 1px solid #f1f1f1;
    color: #666;
    line-height: 34px
}

.site-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.site-nav .layout-inner {
    height: 100px
}

.site-nav .logo {
    float: left;
    padding: 21px 0 0 50px
}

.site-nav .logo img {
    vertical-align: top
}

.site-nav .nav {
    float: right;
    margin: 30px 90px 0 0;
    white-space: nowrap
}

.site-nav .nav li {
    float: left;
    margin: 0 0 0 60px
}

.site-nav .nav a {
    display: block;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff
}

.site-nav .nav a:hover {
    border-bottom: 2px solid #ff8a00
}

.site-nav .nav-button {
    display: none
}

.about-page-body .nav-about a,.news-details-page-body .nav-news a,.news-page-body .nav-news a,.service-page-body .nav-service a {
    border-bottom: 2px solid #ff8a00
}

.index-page-body .nav-index a {
    border-bottom: 2px solid #fff
}

.site-footer {
    padding: 45px 0 0;
    background: #1f2122;
    color: #fff;
    font-size: 14px
}

.site-footer a {
    color: #818689
}

.site-footer a:hover {
    color: #ff8a00
}

.site-footer .info-cont {
    margin: 0 0 30px
}

.site-footer .meun {
    float: left;
    margin: 0 0 0 158px
}

.site-footer .meun dt {
    margin: 0 0 22px
}

.site-footer .meun dt img {
    width: 142px;
    vertical-align: top
}

.site-footer .meun dd {
    padding: 0 0 18px 48px
}

.site-footer .contact {
    float: left;
    margin: 0 0 0 158px
}

.site-footer .contact dt {
    padding: 0 0 10px;
    font-size: 18px;
    border-bottom: 2px solid #ff8a00
}

.site-footer .contact dd {
    position: relative;
    margin: 10px 0 20px;
    padding: 0 0 0 48px
}

.site-footer .contact dd:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../img/base.png) no-repeat;
    content: ""
}

.site-footer .contact .cooperative:before {
    background-position: 0 -60px
}

.site-footer .contact .email:before {
    background-position: -50px -60px
}

.site-footer .contact .addr:before {
    height: 40px;
    background-position: 5px -470px
}

.site-footer .contact h3 {
    margin: 0 0 5px;
    line-height: 30px;
    font-weight: 400;
    color: #818689;
}

.site-footer .contact p {
    font-size: 14px
}

.site-footer .weixin {
    float: left;
    margin: 20px 0 0 125px
}

.site-footer .weixin img {
    vertical-align: top
}

.site-footer .weixin p {
    margin: 0 0 15px;
    font-size: 12px;
    text-align: center;
    color: #818689;
}

.site-footer .copyright {
    margin: 0 80px;
    border-top: 1px solid #5b5f62;
    font-size: 12px;
    text-align: center;
    line-height: 60px;
    color:#818689;
}

.page-banner {
	position: relative;
	height: 700px;
	z-index: 10;
	color: #fff;
	text-align: center;
	overflow: hidden;
	background-color: #0099FF;
}

.page-banner h2 {
    margin: 280px 0 40px;
    font-size: 42px;
    font-weight: 200;
    /*-webkit-font-smoothing: antialiased;*/
}

.page-banner p {
    font-size: 16px
}

@media screen and (max-width: 960px) {
    body,html {
        min-width:481px
    }

    .layout-inner {
        width: auto
    }

    .site-nav {
        background: hsla(0,0%,100%,.9);
        border-bottom: 1px solid #ccc
    }

    .site-nav .layout-inner {
        height: 55px
    }

    .site-nav .logo {
        padding: 8px 0 0 10px
    }

    .site-nav .logo a {
        display: block;
        width: 130px;
        height: 38px;
        background: url(../img/logo_2.png) no-repeat;
        background-size: contain
    }

    .site-nav .logo img {
        display: none
    }

    .site-nav .nav {
        position: absolute;
        left: 0;
        top: 56px;
        float: none;
        margin: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: hsla(0,0%,100%,.9);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transition: transform .2s ease-in;
        transition: transform .2s ease-in
    }

    .site-nav .nav li {
        float: none;
        margin: 0;
        text-align: center
    }

    .site-nav .nav a {
        margin: 0 35px;
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        color: #666
    }

    .site-nav .nav .nav-about,.site-nav .nav a {
        border-bottom: 1px solid #ccc
    }

    .site-nav .nav .nav-about a {
        border: none
    }

    .site-nav .nav-button {
        -webkit-transition: transform .2s ease-in;
        transition: transform .2s ease-in;
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -10.5px;
        width: 25px;
        height: 21px;
        background: url(../img/base.png) no-repeat 0 -202.5px;
        background-size: 47.5px auto
    }

    .site-nav-active .nav {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    .site-nav-active .nav-button {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .about-page-body .nav-about a,.index-page-body .nav-index a,.news-details-page-body .nav-news a,.news-page-body .nav-news a,.service-page-body .nav-service a {
        color: #ff8a00
    }

    .page-banner {
        height: 400px
    }

    .page-banner h2 {
        margin: 150px 0 40px;
        font-size: 36px
    }

    .page-banner p {
        margin: 0 15px;
        font-size: 12px
    }

    .mod-title {
        margin: 30px 0
    }

    .mod-title h3 {
        border-bottom-width: 2px;
        font-size: 24px
    }

    .mod-paging {
        margin: 30px 0
    }

    .mod-paging .next,.mod-paging .prev {
        margin: 0 20px;
        height: 44px;
        line-height: 42px
    }

    .mod-paging .prev {
        padding: 0 23px 0 42px
    }

    .mod-paging .prev:before {
        left: 12px;
        background-position: -60px 0
    }

    .mod-paging .next {
        padding: 0 42px 0 23px
    }

    .mod-paging .next:before {
        right: 12px;
        background-position: -60px -28px
    }

    .mod-paging .page {
        display: none
    }

    .site-footer {
        padding: 20px 22px 0
    }

    .site-footer .info-cont {
        position: relative;
        margin: 0 0 30px
    }

    .site-footer .meun {
        display: none
    }

    .site-footer .contact {
        float: none;
        display: inline-block;
        margin: 0
    }

    .site-footer .contact dt {
        padding: 0 0 8px;
        border-bottom-width: 1px;
        font-size: 14px
    }

    .site-footer .contact dd {
        margin: 17px 0 0;
        padding: 0 0 0 32px;
        font-size: 12px
    }

    .site-footer .contact dd:before {
        width: 20px;
        height: 20px;
        background-size: 63.33333px auto
    }

    .site-footer .contact h3 {
        margin: 0 0 2px;
        line-height: 20px;
    }

    .site-footer .contact p {
        font-size: 12px
    }

    .site-footer .contact .cooperative:before {
        background-position: 0 -40px
    }

    .site-footer .contact .email:before {
        background-position: -33.33333px -40px
    }

    .site-footer .weixin {
        position: absolute;
        top: -5px;
        right: -5px;
        float: none;
        margin: 20px 0 0 48px
    }

    .site-footer .weixin p {
        margin: 0 0 10px;
        font-size: 12px;
    }

    .site-footer .weixin img {
        width: 100px;
        height: 100px
    }

    .site-footer .copyright {
        margin: 0 -22px;
        padding: 15px 0;
        font-size: 11px;
        line-height: 1.5
    }

    .to-top {
        display: none!important
    }
}

@media screen and (max-width: 480px) {
    body,html {
        min-width:320px
    }

    .page-banner h2 {
        font-size: 28px
    }

    .page-banner p {
        margin: 0 10px
    }

    .mod-title {
        margin: 20px 0
    }

    .mod-title h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 350px) {
    .site-footer .weixin {
        top:16px;
        right: -10px
    }

    .site-footer .weixin p {
        font-size: 11px
    }

    .site-footer .weixin img {
        width: 80px;
        height: 80px
    }
}

.index-page-body .site-nav .nav a:hover {
    border-bottom: 2px solid #fff
}

.index-page-body .page-banner {
    background: #2ea7e0 url(../img/banner/index_banner.jpg) no-repeat top
}

.index-case-list {
    margin: 80px 0
}

.index-case-list .list {
    margin: 0 0 0 107px
}

.index-case-list .list ul {
    margin: 0 0 -110px;
    overflow: hidden
}

.index-case-list .list li {
    float: left;
    margin: 0 0 110px;
    width: 360px
}

.index-case-list .list h4 {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 400;
    color: #ff8a00
}

.index-case-list .list .desc {
    font-size: 18px;
    color: #999
}

.index-case-list .list .desc,.index-case-list .list h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.index-case-list .list .no-link a {
    cursor: default
}

.index-case-list .list .no-link .icon-go {
    display: none
}

.index-case-list .img-cont {
    position: relative;
    margin: 0 0 24px;
    height: 270px
}

.index-case-list .img-cont .img {
    position: relative;
    z-index: 0
}

.index-case-list .img-cont img {
    vertical-align: top
}

.index-case-list .img-cont .explain {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    text-align: center;
    line-height: 1.8;
    z-index: 5
}

.index-case-list .img-cont .icon-go {
    margin: 9px 0 0
}

.index-case-list a {
    display: block;
    height: 359px;
    color: #fff;
    font-size: 18px
}

.index-case-list a:hover .img-cont .explain {
    display: block;
    padding: 56px 0 0
}

@media screen and (max-width: 960px) {
    .index-page-body .site-nav .nav a:hover {
        border:none
    }

    .index-page-body .page-banner {
        background-size: cover
    }

    .index-case-list {
        margin: 40px 0
    }

    .index-case-list .list {
        margin: 0
    }

    .index-case-list .list ul {
        margin: 0 15px;
        overflow: hidden
    }

    .index-case-list .list li {
        float: none;
        margin: 0 0 20px;
        width: auto
    }

    .index-case-list .list h4 {
        font-size: 22px
    }

    .index-case-list .img-cont {
        margin: 0 0 12px;
        height: auto
    }

    .index-case-list .img-cont .img {
        padding: 0 0 75%
    }

    .index-case-list .img-cont img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .index-case-list a {
        height: auto
    }

    .index-case-list a:hover .img-cont .explain {
        display: none
    }
}

.about-page-body .page-banner {
    background: #333 url(../img/banner/about_banner.jpg) no-repeat top
}

.about-page-body .page-banner h2 {
    margin: 285px 0 65px
}

.about-page-body .page-banner p {
    font-size: 20px
}

.about-us .desc {
    margin: 0 210px 100px
}

.about-us .desc p {
    margin: 0 0 25px;
    text-indent: 2em;
    color: #646464;
    font-size: 18px
}

.initial-team .layout-inner {
    padding: 1px 0 65px;
    background-color: #f0f1f3;

}

.initial-team .list ul {
    margin: 0 0 0 40px;
    overflow: hidden
}

.initial-team .list li {
    float: left;
    position: relative;
    margin: 0 0 30px 60px;
    padding: 75px 25px 0 184px;
    width: 520px;
    height: 280px;
    background: #fff;
    border-radius: 10px;
}

.initial-team .list li img {
    position: absolute;
    top: 75px;
    left: 30px;
    width: 130px;
    height: 130px
}

.initial-team .list li h3 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.initial-team .list li h4 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 400;
    color: #ff8a00
}

.initial-team .list li p {
    font-size: 14px;
    color: #666
}

.work-condition {
    margin: 122px 0;
}

.work-condition .pic {
    text-align: center
}

.work-condition img {
    vertical-align: top
}

.location-map {
    text-align: center
}

.location-map img {
    vertical-align: top
}

@media screen and (max-width: 960px) {
    .about-page-body .page-banner {
        background-size:cover
    }

    .about-page-body .page-banner h2 {
        margin: 170px 0 20px
    }

    .about-page-body .page-banner p {
        font-size: 18px
    }

    .about-us .desc {
        margin: 0 20px 30px
    }

    .about-us .desc p {
        margin: 0 0 15px;
        font-size: 18px
    }

    .initial-team .layout-inner {
        padding: 1px 0 35px
    }

    .initial-team .list ul {
        margin: 0 30px
    }

    .initial-team .list li {
        float: none;
        margin: 0 0 15px;
        padding: 20px 15px 20px 80px;
        width: auto;
        height: auto
    }

    .initial-team .list li img {
        top: 20px;
        left: 10px;
        width: 60px;
        height: 60px
    }

    .initial-team .list li h3 {
        margin: 0 0 4px
    }

    .initial-team .list li h4 {
        margin: 0 0 6px
    }

    .work-condition {
        margin: 0 30px 35px
    }

    .location-map img,.work-condition img {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .about-page-body .page-banner p {
        font-size:12px
    }

    .about-us .desc {
        margin: 0 15px 20px
    }

    .about-us .desc p {
        font-size: 14px
    }

    .initial-team .layout-inner {
        padding: 1px 0 15px
    }

    .initial-team .list ul {
        margin: 0 10px
    }

    .work-condition {
        margin: 0 10px 25px
    }
}

.service-page-body {
    position: relative
}

.service-page-body .page-banner {
    background: #333 url(../img/banner/service_banner.jpg) no-repeat top
}

.service-page-body .page-banner h2 {
    margin: 278px 0 30px
}

.service-page-body .page-banner p {
    font-size: 24px
}

.service-page-body .page-banner .type {
    position: absolute;
    left: 0;
    top: 438px;
    width: 100%;
    text-align: center;
    font-size: 0;
    white-space: nowrap
}

.service-page-body .page-banner .type li {
    position: relative;
    display: inline-block;
    margin: 0 32px;
    padding: 70px 0 0;
    font-size: 20px;
    color: #fff
}

.service-page-body .page-banner .type li:before {
    position: absolute;
    top: 0;
    left: 50%;
    background: url(../img/base.png) no-repeat;
    content: ''
}

.service-page-body .page-banner .type .item-1:before {
    margin-left: -24px;
    width: 48px;
    height: 54px;
    background-position: 0 -110px
}

.service-page-body .page-banner .type .item-2:before {
    margin-left: -22px;
    width: 44px;
    height: 53px;
    background-position: 0 -184px
}

.service-page-body .page-banner .type .item-3:before {
    margin-left: -24px;
    width: 48px;
    height: 54px;
    background-position: 0 -257px
}

.service-page-body .page-banner .type .item-4:before {
    margin-left: -18px;
    width: 36px;
    height: 54px;
    background-position: 0 -331px
}

.service-list {
    margin: 0 0 50px
}

.service-list .layout-inner {
    padding: 0 140px
}

.service-list li {
    position: relative;
    padding: 45px 0;
    border-top: 1px solid #dedede
}

.service-list li:after,.service-list li:before {
    display: table;
    visibility: hidden;
    height: 0;
    content: ' '
}

.service-list li:after {
    clear: both
}

.service-list li .img {
    background: url(../img/service.jpg) no-repeat
}

.service-list li h3,.service-list li h4 {
    font-size: 40px;
    color: #168af6
}

.service-list li h4 {
    font-size: 22px;
    font-weight: 400
}

.service-list li p {
    font-size: 20px;
    color: #666
}

.service-list .item-1 {
    border: none
}

.service-list .item-1 .img {
    float: left;
    margin-left: 110px;
    width: 434px;
    height: 430px
}

.service-list .item-1 .desc {
    float: right;
    margin: 140px 108px 0 0
}

.service-list .item-1 h3 {
    margin: 0 0 8px
}

.service-list .item-2 .img {
    float: right;
    margin-right: 120px;
    width: 436px;
    height: 465px;
    background-position: 0 -450px
}

.service-list .item-2 .desc {
    float: left;
    margin: 150px 0 0 123px;
    text-align: right
}

.service-list .item-2 h3 {
    margin: 0 0 14px
}

.service-list .item-3 .img {
    float: left;
    margin-left: 159px;
    width: 420px;
    height: 431px;
    background-position: 0 -935px
}

.service-list .item-3 .desc {
    float: right;
    margin: 60px 157px -30px 0
}

.service-list .item-3 h3 {
    margin: 0 0 14px
}

.service-list .item-3 h4 {
    margin: 0 0 4px
}

.service-list .item-3 p {
    margin: 0 0 32px;
    font-size: 18px
}

.service-list .item-4 {
    padding: 121px 0 124px;
    white-space: nowrap
}

.service-list .item-4 .img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 601px;
    height: 294px;
    background-position: 0 -1386px;
    z-index: 0
}

.service-list .item-4 .desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.service-list .item-4 h3 {
    position: absolute;
    left: 400px;
    top: 50px
}

.service-list .item-4 p {
    font-size: 18px
}

.service-list .item-4 .desc-item {
    position: absolute
}

.service-list .item-4 .desc-item-1 {
    right: 717px;
    top: 207px;
    text-align: right
}

.service-list .item-4 .desc-item-2 {
    left: 720px;
    top: 207px
}

.service-list .item-4 .desc-item-3 {
    right: 717px;
    top: 420px;
    text-align: right
}

.service-list .item-4 .desc-item-4 {
    left: 720px;
    top: 420px
}

.service-list .item-5 .img {
    float: right;
    margin-right: 177px;
    width: 410px;
    height: 401px;
    background-position: 0 -1700px
}

.service-list .item-5 .desc {
    float: left;
    margin: 40px 0 0 160px;
    text-align: right
}

.service-list .item-5 h3 {
    margin: 0 0 20px
}

.service-list .item-5 p {
    margin: 0 0 10px
}

@media screen and (max-width: 960px) {
    .service-page-body .page-banner {
        background-size:cover
    }

    .service-page-body .page-banner h2 {
        margin: 120px 0 20px
    }

    .service-page-body .page-banner p {
        font-size: 16px
    }

    .service-page-body .page-banner .type {
        top: 270px
    }

    .service-page-body .page-banner .type li {
        font-size: 18px
    }

    .service-list {
        margin: 0 0 30px
    }

    .service-list .layout-inner {
        padding: 0 20px
    }

    .service-list li {
        padding: 30px 0
    }

    .service-list li .img {
        display: block;
        margin: 0 auto
    }

    .service-list li h3 {
        font-size: 30px
    }

    .service-list li h4,.service-list li p {
        font-size: 18px
    }

    .service-list .item-1 .img {
        float: none;
        margin: 0 auto
    }

    .service-list .item-1 .desc {
        float: none;
        margin: 30px 0 0;
        text-align: center
    }

    .service-list .item-1 h3 {
        margin: 0 0 12px
    }

    .service-list .item-2 .img {
        float: none;
        margin: 0 auto
    }

    .service-list .item-2 .desc {
        float: none;
        margin: 30px 0 0;
        text-align: center
    }

    .service-list .item-2 h3 {
        margin: 0 0 12px
    }

    .service-list .item-3 .img {
        float: none;
        margin: 0 auto
    }

    .service-list .item-3 .desc {
        float: none;
        margin: 30px 0 0;
        text-align: center
    }

    .service-list .item-3 h3 {
        margin: 0 0 14px
    }

    .service-list .item-3 p {
        font-size: 16px
    }

    .service-list .item-4 {
        padding: 121px 0 100px
    }

    .service-list .item-4 .img {
        display: block;
        width: 440px;
        height: 216px;
        background-position: 0 -1014px;
        background-size: 440px auto
    }

    .service-list .item-4 .desc {
        left: 50%;
        width: 440px;
        margin: 0 0 0 -220px
    }

    .service-list .item-4 h3 {
        left: 0;
        top: 50px;
        width: 100%;
        text-align: center
    }

    .service-list .item-4 .desc-item-1 {
        right: auto;
        left: 7px;
        top: 189px;
        text-align: left
    }

    .service-list .item-4 .desc-item-2 {
        left: auto;
        right: 0;
        top: 189px;
        text-align: right
    }

    .service-list .item-4 .desc-item-3 {
        right: auto;
        left: 7px;
        top: 345px;
        text-align: left
    }

    .service-list .item-4 .desc-item-4 {
        left: auto;
        right: 0;
        top: 345px;
        text-align: right
    }

    .service-list .item-5 .img {
        float: none;
        margin: 0 auto
    }

    .service-list .item-5 .desc {
        float: none;
        margin: 30px 0 0;
        text-align: center
    }

    .service-list .item-5 h3 {
        margin: 0 0 12px
    }

    .service-list .item-5 p {
        margin: 0 0 8px
    }
}

@media screen and (max-width: 480px) {
    .service-page-body .page-banner h2 {
        margin:100px 0 10px
    }

    .service-page-body .page-banner p {
        font-size: 15px
    }

    .service-page-body .page-banner .type {
        top: 200px;
        left: 20px;
        right: 20px;
        width: auto
    }

    .service-page-body .page-banner .type li {
        float: left;
        margin: 0 0 20px;
        padding: 62px 0 0;
        width: 50%;
        font-size: 14px
    }

    .service-list .layout-inner {
        padding: 0 15px
    }

    .service-list li {
        padding: 20px 0
    }

    .service-list li .img {
        display: block;
        margin: 0 auto
    }

    .service-list li h3 {
        font-size: 24px
    }

    .service-list li p {
        font-size: 16px
    }

    .service-list .item-1 .img {
        margin: 0 auto;
        width: 290px;
        height: 287.99539px;
        background-size: 401.58986px auto
    }

    .service-list .item-2 .img {
        width: 290px;
        height: 309.95413px;
        background-size: 399.74771px auto;
        background-position: 0 -299.31193px
    }

    .service-list .item-3 .img {
        width: 290px;
        height: 298.28571px;
        background-size: 414.97619px auto;
        background-position: 0 -645.59524px
    }

    .service-list .item-4 {
        padding: 70px 0 65px
    }

    .service-list .item-4 .img {
        width: 290px;
        height: 142.34609px;
        background-size: 290px auto;
        background-position: 0 -668.30283px
    }

    .service-list .item-4 .desc {
        width: 290px;
        margin: 0 0 0 -145px
    }

    .service-list .item-4 h3 {
        font-size: 18px
    }

    .service-list .item-4 h4 {
        font-size: 14px
    }

    .service-list .item-4 p {
        font-size: 13px
    }

    .service-list .item-4 .desc-item-1 {
        left: 0;
        top: 113px
    }

    .service-list .item-4 .desc-item-2 {
        right: 0;
        top: 113px
    }

    .service-list .item-4 .desc-item-3 {
        left: 0;
        top: 219px
    }

    .service-list .item-4 .desc-item-4 {
        right: 0;
        top: 219px
    }

    .service-list .item-5 .img {
        width: 290px;
        height: 283.63415px;
        background-size: 425.09756px auto;
        background-position: 0 -1202.43902px
    }
}

.news-page-body {
    background: #f5f5f5
}

.news-page-body .page-banner {
    background: #3d3c33 url(../img/banner/news_banner.jpg) no-repeat top
}

.news-page-body .page-banner h2 {
    margin: 275px 0 35px
}

.news-page-body .page-banner p {
    font-size: 20px
}

.news-list .list {
    margin: 65px 120px
}

.news-list .list li {
    margin: 0 0 30px;
    padding: 20px;
    background: #fff
}

.news-list .list .img {
    display: block;
    margin: 0 0 22px;
    height: 320px;
    overflow: hidden
}

.news-list .list .info {
    position: relative;
    padding: 0 160px 0 0
}

.news-list .list .title {
    display: block;
    font-size: 26px;
    color: #333
}

.news-list .list .desc {
    margin: 8px 0 0;
    font-size: 16px;
    color: #666
}

.news-list .list .desc,.news-list .list .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-list .list .time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #666;
    white-space: nowrap
}

.news-list .list .time em {
    font-size: 26px;
    color: #333
}

@media screen and (max-width: 960px) {
    .news-page-body .page-banner {
        background-size:cover
    }

    .news-page-body .page-banner h2 {
        margin: 170px 0 20px
    }

    .news-page-body .page-banner p {
        font-size: 18px
    }

    .news-list .list {
        margin: 20px
    }

    .news-list .list li {
        padding: 15px
    }

    .news-list .list .img {
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 32%;
        height: auto
    }

    .news-list .list .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .news-list .list .info {
        position: relative;
        padding: 0 120px 0 0
    }

    .news-list .list .title {
        font-size: 22px
    }

    .news-list .list .desc {
        margin: 4px 0 0;
        font-size: 14px
    }

    .news-list .list .time {
        font-size: 16px
    }

    .news-list .list .time em {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    .news-page-body .page-banner p {
        font-size:14px
    }

    .news-list .list {
        margin: 10px
    }

    .news-list .list li {
        margin-bottom: 10px;
        padding: 5px
    }

    .news-list .list .img {
        margin: 0 0 8px
    }

    .news-list .list .info {
        padding: 0 80px 0 0
    }

    .news-list .list .title {
        font-size: 16px
    }

    .news-list .list .desc,.news-list .list .time {
        font-size: 13px
    }

    .news-list .list .time em {
        font-size: 16px
    }
}

.news-details-page-body .site-nav {
    border-bottom: 1px solid #2ea7e0
}

.news-details-page-body .site-nav .nav a {
    color: #666
}

.news-details-cont {
    margin: 0 0 100px;
    padding: 101px 0 0
}

.news-details-cont .layout-inner {
    padding: 0 160px
}

.news-details-cont .status {
    padding: 50px 0 15px
}

.news-details-cont .status .time {
    font-size: 18px;
    color: #666
}

.news-details-cont .title {
    margin: 0 0 45px;
    padding: 0 0 25px;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.news-details-cont .title h2 {
    font-size: 32px;
    font-weight: 400;
    color: #333
}

.news-details-cont .details {
    font-size: 16px;
    color: #525252;
    line-height: 1.8;
    overflow: hidden
}

.news-details-cont .details .tit{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #d6d6d6;
}

.news-details-cont .details img {
    max-width: 100%
}

.other-news {
    margin: 0 0 100px
}

.other-news .layout-inner {
    padding: 40px 30px;
    width: 960px;
    background: #fffaf5
}

.other-news .hd {
    margin: 0 0 20px
}

.other-news .hd h3 {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.other-news .bd ul {
    margin: 0 0 -30px -48px;
    overflow: hidden
}

.other-news .bd li {
    float: left;
    margin: 0 0 30px 48px;
    width: 426px;
    height: 170px;
    background: #fff
}

.other-news .bd a {
    display: block;
    padding: 10px;
    font-size: 18px;
    color: #333
}

.other-news .bd .img {
    margin: 0 0 15px;
    height: 100px;
    overflow: hidden
}

.other-news .bd img {
    width: 100%;
    vertical-align: top
}

.other-news .bd .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 960px) {
    .news-details-cont {
        margin:0 0 60px;
        padding: 60px 0 0
    }

    .news-details-cont .layout-inner {
        padding: 0 30px
    }

    .news-details-cont .status {
        padding: 10px 0 15px
    }

    .news-details-cont .status .time {
        font-size: 16px
    }

    .news-details-cont .title {
        margin: 0 30px 30px;
        padding: 0 0 20px
    }

    .news-details-cont .title h2 {
        font-size: 28px
    }

    .news-details-cont .details {
        font-size: 16px;
        line-height: 1.6
    }

    .other-news {
        margin: 0 0 60px
    }

    .other-news .layout-inner {
        padding: 20px;
        width: auto
    }

    .other-news .hd {
        margin: 0 0 10px
    }

    .other-news .hd h3 {
        font-size: 18px
    }

    .other-news .bd ul {
        margin: 0
    }

    .other-news .bd li {
        float: none;
        margin: 0 0 20px;
        width: auto;
        height: auto
    }

    .other-news .bd a {
        padding: 10px;
        font-size: 16px
    }

    .other-news .bd .img {
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 25%;
        height: auto
    }

    .other-news .bd img {
        position: absolute;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .news-details-cont .layout-inner {
        padding:0 15px
    }

    .news-details-cont .status .time {
        font-size: 14px
    }

    .news-details-cont .title {
        margin: 0 10px 20px;
        padding: 0 0 10px
    }

    .news-details-cont .title h2 {
        font-size: 22px
    }

    .news-details-cont .details {
        font-size: 14px
    }

    .other-news {
        margin: 0 0 40px
    }

    .other-news .layout-inner {
        padding: 10px
    }

    .other-news .hd h3 {
        font-size: 16px
    }

    .other-news .bd ul {
        margin: 0
    }

    .other-news .bd li {
        margin: 0 0 15px
    }

    .other-news .bd a {
        padding: 6px;
        font-size: 14px
    }

    .other-news .bd .img {
        margin: 0 0 8px
    }
}