@charset "UTF-8";
    .top-title {
        width:100%;
        height: 100%;
        overflow: hidden;
        background:#2f2f2f;
        color:#fff;
    }
    .lunbo .carousel-control {
            width: 10%;
        }
    .lunbo .carousel-indicators {
            bottom:0;
        }
    .navbar-default{
        background: #fff;
        border-color:#fff;
    }
    .Selection a {
        color:#0099ff !important;
        border-bottom: 2px solid #0099ff;
    }
    .collapse ul li a:hover {
        border-bottom: 2px solid #0099ff;
        color:#0099ff !important;
        transition: 0.2s; 
    }
    .navbar-img {
        width: 100%;
        height: 100%;
    }
    .service .box {
        border: 1px solid #ccc;
        text-align: center;
        display: block;
        text-decoration: none;
    }
    .service .service-banner {
        width: 100%;
        padding:3% 0;
        text-align: center;
    }
    .service .service-banner .service-title {
        color:#0099ff;
        font-size:2.4rem;
    }
    .service .service-banner .service-title1 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
    }
    .service .service-box{
        margin-bottom:10px;
    }
    .service .service-img1 {
        width: 100%;
        height: 53px;
        margin: 26px 0px;
        background: url("../images/33.png") no-repeat top center;
    }
    .service .service-img2 {
        width: 100%;
        height: 53px;
        margin: 26px 0px;
        background: url("../images/35.png") no-repeat top center;
    }
    .service .service-img3 {
        width: 100%;
        height: 53px;
        margin: 26px 0px;
        background: url("../images/37.png") no-repeat top center;
    }
    .service .service-img4 {
        width: 100%;
        height: 53px;
        margin: 26px 0px;
        background: url("../images/39.png") no-repeat top center;
    }
    .service .box:hover .service-img1 {
        background: url("../images/34.png") no-repeat top center;
    }
    .service .box:hover .service-img2 {
        background: url("../images/36.png") no-repeat top center;
    }
    .service .box:hover .service-img3 {
        background: url("../images/38.png") no-repeat top center;
    }
    .service .box:hover .service-img4{
        background: url("../images/40.png") no-repeat top center;
    }
    .service .box .box-title {
        background: #0099ff;
        text-align: left;
        width: 100%;
        height: 80px;
        padding:8px 18px;
    }
    .service .box .box-title span {
        display:inline-block;
        color: #fff;
        font-size: 1em;
        height: 100%;
        line-height: 1.6;
        overflow: hidden;
    }
    .service .box:hover .box-title {
        background: #f08300 !important;
    } 

    .case .case-banner {
        width: 100%;
        padding:3% 0;
        text-align: center;
    }
    .case .case-banner .case-title {
        color:#0099ff;
        font-size:2.4rem;
    }
    .case .case-banner .case-title1 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
    }
    .case-box {
        width: 100%;
        height: 100%;
        background: url("../images/2.png") no-repeat top center;
        background-size: cover;
    }
    .case .case-box .container {
        padding-top: 100px;
    }
    .case .case-one {
        background: #fff;
        border-bottom: 2px solid #0099ff;
        display: block;
        text-decoration: none;
    }
    .case .case-one-img {
        width: 100%;
        position:relative;
    }
    .case .case-one-img img {
        padding:10px;
    }
    .case .case-one .case-one-shelter {
        position:absolute;
        width: 100%;
        height: 100%;
        background: #595959;
        opacity: 0.7;
        display: none;
    }
    .case .case-one .case-one-jia {
        position:absolute;
        border-radius: 50%;
        background: #0099ff;
        font-size: 52px;
        color:#000;
        width:60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        z-index: 999;
        left:0;
        right: 0;
        margin: 0px auto;
        top:40%;
        display: none;
    }
    .case .case-one:hover .case-one-shelter {
        display: block;
    }
    .case .case-one:hover .case-one-jia {
        display: block;
    }
    .case .case-one:hover .case-one-title {
        background: #0099ff;
        color:#fff;
    }
    .case .case-one .case-one-title {
        color:#0099ff;
        font-size:20px;
        padding: 10px;
        padding-left:20px;
    }
    .case .case-btn {
        margin:60px auto;
        display: block;
        width: 274px;
        height: 58px;
        line-height: 58px;
        text-align: center;
        text-decoration: none;
        border:1px solid #61bcf9;
        background: #fff;
        font-size: 30px;
    }

    .dynamic .dynamic-banner {
        width: 100%;
        padding:3% 0;
        text-align: center;
    }
    .dynamic .dynamic-banner .dynamic-title {
        color:#0099ff;
        font-size:2.4rem;
    }
    .dynamic .dynamic-banner .dynamic-title1 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
    }
    .dynamic .dynamic-box {
        background:#0070bd;
        padding: 3% 16%;
    }
    .dynamic .dynamic-box .box-top {
        width:100%;
        height: 2em;
        line-height: 2em; 
        font-size:1.1rem;
        color:#a2d7fb;
        border-bottom:1px solid #a2d7fb;
        text-align:right;
    }
    .dynamic .dynamic-box .box-bottom {
        width: 100%;
        margin-top: 30px;
        height: 100%;
        overflow: hidden;
    }
    .dynamic .box-bottom .box-bottom-l {
        width: 100%;
    }
    .dynamic .box-bottom .box-bottom-l .l-title {
        width: 100%;
        margin-top:25px;
        margin-bottom:15px;
        font-size:20px;
        color:#fff;
    }
    .dynamic .box-bottom .box-bottom-l .l-paragraph {
        width: 100%;
        font-size:14px;
        color:#a2d7fb;
    }
    .dynamic .box-bottom .box-bottom-r {
        width: 100%;
    }
    .dynamic .box-bottom .box-bottom-r .r-box {
        margin-bottom: 10px;
        padding:10px 0;
        width: 100%;
        overflow: hidden;
        display: block;
        text-decoration: none;
        border-radius: 10px;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-l {
        width: 24%;
        border-right: 1px solid #fff;
        float: left;
        text-align: center;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-l .title1 {
        color:#fff;
        font-size:24px;
        margin: 8px 0 6px 0;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-l .title2 {
        color:#cccccc;
        font-size:12px;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-r {
        width: 75%;
        float: left;
        text-align: center;
        padding: 0 10px;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-r .title1 {
        color:#fff;
        font-size:18px;
    }
    .dynamic .box-bottom .box-bottom-r .r-box .r-box-r .title2 {
        color:#a2d7fb;
        font-size:14px;
        height: 2.8em;
        line-height: 1.4em;
        overflow: hidden;
        margin-bottom:0;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover {

        background: #ffffff;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover .r-box-l {
        border-right: 1px solid #0099ff;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover .r-box-l .title1 {
        color:#000;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover .r-box-l .title2 {
        color:#999;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover .r-box-r .title1 {
        color:#0099ff;
    }
    .dynamic .box-bottom .box-bottom-r .r-box:hover .r-box-r .title2 {
        color:#666666;
    }

    .contact .contact-banner {
        width: 100%;
        padding:3% 0;
        text-align: center;
    }
    .contact .contact-banner .contact-title {
        color:#0099ff;
        font-size:2.4rem;
    }
    .contact .contact-banner .contact-title1 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
    }
    .contact .contact-box {
        width:62%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }
    .contact .contact-box .row {
        margin: 0 auto;
    }
    .contact .contact-box .contact-text p {
        font-size:15px;
    }
    .contact .contact-box .address span {
        color:#cc3300;
        margin-right: 10px;
    }

    .bottom-box {
        width: 100%;
        height: 300px;
        background: url("../images/dbu.jpg") no-repeat top center;
        background-size: cover; 
        margin-top:60px;
        position:relative;
    }
    .bottom-box .bottom-law-mask {
        position:absolute;
        width: 100%;
        height: 300px;
        background: #000000b8;
        z-index: 1;
    }
    .bottom-box .bottom-law {
        position:absolute;
        left: 0;
        right: 0;
        z-index: 999;
        overflow: hidden;
        margin: 46px auto 0 auto;
        width: 84%;
        height: 190px;
        background:#ffffff2e;
    }
    .bottom-box .bottom-law .bottom-law-div {
        width: 25%;
        height: 100%;
        float:left;
        border-right:1px solid #000;
        padding: 2%;
    }
    .bottom-box .bottom-law .bottom-law-div div {
        margin-bottom: 2px;
    }
    .bottom-box .bottom-law .bottom-law-div a{
        font-size:12px;
        color:#fff;
    }
    .bottom-box .bottom-title {
        position:absolute;
        z-index: 999;
        bottom: 14px;
        width: 100%;
        color:#999999;
    }
    .toTop {
        position: fixed;
        bottom: 40px;
        right: 40px;
        padding: 10px;
        background: #000;
        color: #fff;
        z-index: 999;
        display: none;
        cursor: pointer;
    }
    .toTop .title {
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 10px;
        background: #000;
        display: none;
        user-select:none;
    }
    .toTop:hover .title {
        left: -76px;
        display: block;
    }

/*   简介   */
    .banner {
        width: 100%;
    }
    .jianjie {
        width: 60%;
        margin: 0px auto;
    }
    .jianjie .block-one {
        position:relative;
        margin-top: 6%;
        overflow: hidden;
    }
    .jianjie .block-one .float-bj {
        position:absolute;
        width: 300px;
    }
    .jianjie .block-one h2{
        color:#0099ff;
    }
    .jianjie .block-one p{
        margin-top: 2%;
    }

    .jianjie .block-two {
        overflow: hidden;
    }
    .jianjie .block-two img {
        padding: 10%;
    }

    .jianjie .block-three h2{
        color:#0099ff;
    }
    .jianjie .block-three .carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
    }
    .jianjie .block-three .carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
    }
    .jianjie .block-three .carousel-control {
        width: auto;
    }
    .jianjie .block-three .controls {
        position: relative;
        top: 44%;
        width: 60%;
    }

/*    案例    */
    .anli {
        width: 60%;
        margin: 4% auto 0 auto;
    }
    .anli h2 {
        color:#0099ff;
    }
    .anli .nav-tabs {
        border-bottom: 0;
    }
    .anli .nav-tabs>li.active>a {
        border: 0;
    }
    .anli .nav-tabs>li.active>a:focus {
        border: 0;
    }
    .anli .nav-tabs>li.active>a:hover {
        border: 0;
    }
    .anli .nav-tabs>li>a:hover {
        border-color: transparent;
    }
    .anli .nav>li>a:hover {
        background-color: transparent;
    }
    .anli .nav li{
        margin: 20px 0 40px 0;
    }
    .anli .nav li a{
        margin: 0 auto;
    }
    .anli .nav li:nth-child(1) a {
        background: url("../images/17.png") no-repeat top center;
        width: 174px;
        height: 42px;
    }
    .anli .nav li:nth-child(2) a {
        background: url("../images/18.png") no-repeat top center;
        width: 174px;
        height: 42px;
    }
    .anli .nav li:nth-child(3) a {
        background: url("../images/19.png") no-repeat top center;
        width: 174px;
        height: 42px;
    }
    .anli .nav .active:nth-child(1) a {
        background: url("../images/20.png") no-repeat top center;
        width: 174px;
        height: 42px;
    }
    .anli .nav .active:nth-child(2) a {
        background: url("../images/21.png") no-repeat top center;

    }
    .anli .nav .active:nth-child(3) a {
        background: url("../images/22.png") no-repeat top center;
        width: 174px;
        height: 42px;
    }
    .anli .tab .tab-pane .col-md-3 {
        margin-bottom: 15px; 
    }
    .anli .tab .tab-pane .col-md-3 a {
        position:relative;
        display: block;
    }
    .anli .tab .tab-pane .col-md-3 .jia {
        position: absolute;
        border-radius: 50%;
        background: #0099ff;
        font-size: 30px;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 42px;
        text-align: center;
        z-index: 999;
        left: 0;
        right: 0;
        margin: 0px auto;
        top: 35%;
        display: none;
    }
    .anli .tab .tab-pane .col-md-3 .shelter {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #595959;
        opacity: 0.7;
        display: none;
    }   
    .anli .tab .tab-pane .box:hover .jia {
        display: block;
    }
    .anli .tab .tab-pane .box:hover .shelter {
        display: block;
    }

    /*   最新动态   */
    .dt {
        width:60%;
        overflow: hidden;
        text-align: center;
        margin: 4% auto 0 auto;
    }
    .dt .dt-title1 {
        color:#0099ff;
        font-size:2.4rem;
    }
    .dt .dt-title2 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
    }
    .dt .dt-box .box {
        display: none;
    }
    .dt .dt-box .dt-content {
        border-bottom:1px solid #cccccc;
        margin-top: 30px;
        display: block;
        overflow: hidden;
        padding-bottom: 20px;
        text-align: left;
        color:#999999;
    }
    .dt .dt-box .dt-content .title1 {
        font-size:18px;
        font-weight: bold;
        color:#000;
        margin-top: 12px;
    }
    .dt .dt-box .dt-content .title1:hover {
        color:#0099ff
    } 
    .dt .dt-box .dt-content .title2 {
        font-size:14px;
        margin-top: 12px;
    }
    .dt .dt-box .dt-content .bottom {
        margin-top: 15px;
    } 
    .dt .paging {
        margin-top: 40px;
    }
    .dt .pagination .disabled a {
        background-color: #bbb;
        border-color: #bbb;
    }
    .dt .pagination .disabled a:hover {
        background-color: #bbb;
        border-color: #bbb;
    }
    .dt .pagination .disabled a:focus {
        background-color: #bbb;
        border-color: #bbb;
    }
    
    /*   最新动态-正文   */
    .dt-zw {
        width:70%;
        margin: 20px auto 0 auto;
    }
    .dt-zw .dt-zw-l .title1 h3 b {
        font-size:2rem;
    }
    .dt-zw .dt-zw-l .title2 {
        color:#999999;
    }
    .dt-zw .dt-zw-l .title2 span{
        margin-right: 10px;
    }
    .dt-zw .dt-zw-l .title2 i,em{
        font-style: normal;
    }
    .dt-zw .dt-zw-l .title2 i{
        margin-right: 20px;
    }
    .dt-zw .dt-zw-l img {
        margin: 15px 0 20px 0;
        padding-top:20px;
        border-top: 1px solid #999999;
    }
    .dt-zw .dt-zw-l .text p {
        color:#333333;
        text-indent: 26px;
        margin-top: 10px;
    }
    .dt-zw .dt-zw-r  {
        padding-left: 0;
        padding-right: 0;
    }
    .dt-zw .dt-zw-r .rmzx {
        width: 100%;
        overflow:hidden;
    }
    .dt-zw .dt-zw-r .rmzx .title {
        margin-top: 52px;
    }
    .dt-zw .dt-zw-r .rmzx .box  {
        width: 100%;
        overflow:hidden;
        border-top: 1px solid #999999;
        padding-top: 20px;
        margin-top: 20px;
    }
    .dt-zw .dt-zw-r .rmzx .box a{
        display: block;
        text-decoration: none;
        color:#333333;
        overflow: hidden;
    }
    .dt-zw .dt-zw-r .rmzx .box a:hover{
        color:#0099ff;
    }
    .dt-zw .dt-zw-r .rmzx .box .img {
        width: 30%;
	    transition: all .5s ease;
    }
    .dt-zw .dt-zw-r .rmzx .box a:hover img {
	    transform: scale(1.1);
    }
    .dt-zw .dt-zw-r .rmzx .box .text {
        width: 70%;
        padding: 0 4%;
    }
    .dt-zw .dt-zw-r .rmzx .box .text .title1 {
        height: 16px;
        line-height: 16px;
        overflow: hidden;
    }
    .dt-zw .dt-zw-r .rmzx .box .text .title2 {
        margin-top:10px;
        height: 33px;
        line-height: 16px;
        color:#999999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;

    }
    .dt-zw .dt-zw-r .phb {
        width: 100%;
        overflow:hidden;
    }
    .dt-zw .dt-zw-r .phb .title {
        margin-top: 52px;
        border-bottom: 1px solid #999999;
        padding-bottom: 10px;
    }
    .dt-zw .dt-zw-r .phb .box  {
        width: 100%;
        overflow:hidden;
        border-bottom: 1px solid #999999;
        padding: 20px 0;
    }
    .dt-zw .dt-zw-r .phb .box a{
        display: block;
        text-decoration: none;
        color:#333333;
        overflow: hidden;
    }
    .dt-zw .dt-zw-r .phb .box .one {
        padding:5px 12px;
        background: #cc3300;
        color:#fff;
    }
    .dt-zw .dt-zw-r .phb .box .text {
        width: 90%;
        padding: 0 4%;
    }
    .dt-zw .dt-zw-r .phb .box .text .title2 {
        color:#999;
        display:none;
    }
    .dt-zw .dt-zw-r .phb .box .text .block {
        display:block;
    }
    .dt-zw .dt-zw-r .phb .box a:hover .title2{
        display: block;
    }

    .fw {
        width:100%;
        overflow: hidden;
    }
    .fw .fw-title1 {
        color:#0099ff;
        font-size:2.4rem;
        text-align: center;
        margin-top: 4%;
    }
    .fw .fw-title2 {
        color:#000;
        font-size:20px;
        margin-top: 2px;
        text-align: center;
    }
    .fw .box {
        width:100%;
        background: url("../images/xm.jpg") no-repeat top center;
        overflow: hidden;
    }
    .fw .box .row {
        width: 55%;
        margin-right: 0;
        margin-left: 0;
        margin: 0 auto;
    }
    .fw .box .row .plate {
        border-bottom: 1px solid #008ddb;
        padding: 30px 0;
    }
    .fw .box .row .plate .title {
        margin-top: 20px;
    }
    .fw .box .row .plate .title a {
        text-decoration: none;
    }
    .fw .box .row img {
        margin: 0 auto;
        display: block;
    }

    .lx-ditu {
        width: 62%;
        height: auto;
        margin: 4% auto 0 auto;
        overflow: hidden;
    }



    /*   电脑页面   */
    @media screen and (min-width: 1024px) { 
        .top-title {
            padding:0 20%;
        }
        .navbox {
            padding:0 18%;
        }
    }