a {
    text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}





.sbanner {
    color: #fff;
    height: 240px;
    background-image: url(/Content/web/style/img/banner.png);
    background-color: rgb(13, 38, 63);
    background-size: cover;
    background-position: center center;
    border-top: 1px solid transparent;
}

    .sbanner > .wrap {
        text-align: center;
    }

        .sbanner > .wrap > h2 {
            margin-top: 80px;
            font-size: 24px;
            font-weight: normal;
        }

        .sbanner > .wrap > p {
            margin-top: 14px;
        }

@media screen and (max-width:450px) {
    .sbanner {
    }
}


/*案例部分*/
.map {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 60px 20px 20px 20px;
}

    .map img {
        max-width: 900px;
        
    }

.stationList {
    border: 1px solid #ededed;
    margin: 0px auto;
    margin-top: 10px;
    padding: 20px;
    border-radius: 4px;
}

    .stationList select {
        width: auto;
        display: inline-block;
    }

        .stationList select option {
            color: #333;
        }

.list_detail {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}

    .list_detail li {
        padding: 10px 0px;
        width: 33.333%;
        vertical-align: center;
        position: relative;
        float: left;
    }

    .list_detail img {
        display: block;
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        text-align: center;
        vertical-align: center;
        width: 16px;
    }

    .list_detail span {
        display: block;
        max-width: 100%;
        font-size: 16px;
        padding-left: 20px;
        color: #556;
        line-height: 16px;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.checkmore {
    width: 100%;
    max-width: 1200px;
    padding: 40px 0px;
    /*background:#ededed;*/
    margin: 80px auto;
    text-align: center;
}

    .checkmore > a {
        padding: 6px 12px;
    }

@media screen and (max-width:768px) {
    .map {
    }

    .stationList {
        margin-top: 0px;
    }

    .list_detail {
        padding: 30px 0px;
    }

        .list_detail li {
            float: left;
            width: 50%;
            margin-right: 0px;
            text-align: left;
        }

        .list_detail span {
        }

        .list_detail img {
            margin-left: 0px;
        }

    .stationList select {
        text-align: center;
    }

    .list_detail li {
        width: 100%;
        vertical-align: center;
        position: relative;
        float: left;
        padding: 16px 0;
        border-bottom: 1px solid #ededed;
    }

    .checkmore {
        margin: 0 auto;
    }
}



/*关于我们部分*/

.discription {
    width: 100%;
    max-width: 1200px;
    padding: 0px 100px;
    margin: 0 auto;
    margin-top: 30px;
    text-indent: 2em;
    line-height: 2em;
    color: #556;
}

    .discription p {
        margin: 10px 0px;
    }

.company_pics {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px;
    padding-top: 40px;
}

    .company_pics img {
        display: block;
        float: left;
        width: 100%;
        background: #ededed;
    }
/*.pic_top img{
	height:350px;
}*/
.pic_top {
    width: 100%;
    /*height:350px;*/
    /*background:#ededed;*/
}

.pic_bottom {
    width: 100%;
    /*height:150px;*/
    margin-top: 5px;
}

    .pic_bottom img {
        width: 25%;
        /*height:120px;*/
    }

    .pic_bottom img {
        border-right: 5px solid #fff;
        border-top: 5px solid #fff;
    }

        .pic_bottom img:nth-child(4) {
            border-right: none;
        }

.honor {
    background-color: #ededed;
    font-size: 0;
    border-top: 1px solid transparent;
}

    .honor > .wrap {
        padding: 0px 100px 40px -8px;
        text-align: center;
    }

        .honor > .wrap > img {
            height: 195px;
            padding: 10px;
        }

        .honor > .wrap > .half > img {
            width: 50%;
            padding: 10px;
        }

.development {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 20px 80px 50px 80px;
}

.develList {
    max-width: 920px;
    margin: 0 auto;
    list-style-type: none;
    border-left: 2px solid #3b9bdb;
}

    .develList b::before {
        content: '';
        position: absolute;
        top: 12px;
        left: -5px;
        width: 8px;
        height: 8px;
        border-radius: 6px;
        background: #3b9bdb;
    }

    .develList span {
        display: inline-block;
        margin-left: 40px;
        /*margin-top: 5px;*/
        text-decoration: none;
        font-size: 16px;
        color: #556;
    }

    .develList li {
        position: relative;
        margin-bottom: 25px;
    }

@media screen and (max-width:768px) {
    .company_pics img {
        float: none;
    }

    .company_pics {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .pic_bottom img {
        width: 100%;
        margin: 30px 0px;
        border: none;
    }

    .discription {
        padding: 0 30px;
    }

    .development {
        padding: 10px 30px 30px 30px;
    }

    .honor > .wrap {
        padding: 0 10px 40px 10px;
    }

        .honor > .wrap > img {
            width: 100%;
            height: auto;
        }
}

/*新闻部分*/

.newsList {
    width: 100%;
    max-width: 1200px;
    padding: 100px 0px 150px 0px;
    margin: 0 auto;
}

.newsDetail {
    margin-bottom: 30px;
    padding: 30px;
    overflow: hidden;
}



    .newsDetail .time {
        float: left;
        width: 10%;
        height: 300px;
        position: relative;
    }


    .newsDetail2 { 
    overflow: hidden;
}

   .newsDetail2 .time {
        float: left;
        width: 10%;
        height: 300px;
        position: relative;
    }
.newsBox {
    float: left;
    /*height:300px;*/
    width: 90%;
    max-width: 1200px;
    background: #ededed;
    padding: 30px;
}

.timeBox {
    background: #3b9bdb;
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
}


.timeBox2 {
    background: #3b9bdb;
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -80px;
}

.newsBox_left {
    float: left;
    /*background:red;*/
    width: 30%;
    height: 240px;
    margin-right: 5%;
    overflow: hidden;
}

    .newsBox_left img {
        width: 100%;
        height: 240px;
        -webkit-transition: transform 1s;
        -moz-transition: transform 1s; /* Firefox 4 */
        -webkit-transition: transform 1s; /* Safari 和 Chrome */
        -o-transition: transform 1s; /* Opera */
    }

.newsBox_right {
    float: left;
    /*border:1px solid red;*/
    width: 65%;
    /*height:240px;*/
}

.newsBox_right2 {
    float: left;
    /*border:1px solid red;*/
    /*width: 65%;*/
    /*height:240px;*/
}

.newsTitle {
    font-size: 1.6em;
    color: #3b9bdb;
    font-weight: bold;
    line-height: 1.5em;
}

.newsContext {
    margin-top: 30px;
    color: #556;
    line-height: 2em;
}

    .newsTitle:hover, .newsContext:hover {
        opacity: 0.8;
    }

.newsBox_left img:hover {
    transform: scale(1.1,1.1);
    /*width:120%;*/
    /*height:480px;*/
}

.day {
    margin-top: 5px;
    font-weight: bold;
    font-size: 2em;
    color: #fff;
    text-align: center;
}

.date {
    color: #fff;
    text-align: center;
}

.switch {
    width: 100%;
    width: 1200px;
    margin: 0 auto;
}

.switchList {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.sw_first, .sw_last {
    width: 60px;
}

.sw_current, .sw_notcurrent {
    width: 40px;
}

.sw_current {
    background: #3b9bdb;
    color: #fff;
}

.sw_pre, .sw_next {
    width: 80px;
}

.sw_first, .sw_last, .sw_current, .sw_notcurrent, .sw_pre, .sw_next {
    border: 1px solid #ededed;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    margin: 0px 2px;
}

.switchList a {
    display: block;
}

    .switchList a:hover {
        background: #3b9bdb;
        color: #fff;
        border: none;
    }


@media screen and (max-width:768px) {
    .newsBox_left, .newsBox_right {
        overflow: hidden;
        text-overflow: ellipsis;
        /*white-space:nowrap;*/
        float: none;
        width: 100%;
    }

    .newsList {
        padding-top: 0px;
        margin-top: 0px;
    }

    .time {
        display: none;
    }

    .newsBox {
        width: 100%;
    }

    .newsDetail {
        margin-top: 30px;
        padding: 0px;
        overflow: hidden;
    }


    .newsTitle {
        margin-top: 20px;
        font-size: 1.2em;
        /*font-weight:normal;*/
    }

    .newsContext {
        display: none;
    }

    .sw_current, .sw_notcurrent {
        display: none;
    }

    .switchList {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}


/*产品部分*/

.product1, .product2, .product3, .product4, .product5, .product6 {
    max-width: 1000px;
    width: 100%;
    height: 550px;
    margin: 0 auto;
    margin-top: 30px;
    color: #556;
    line-height: 2em;
    /*border:1px solid red;*/
}

.product3, .product4 {
}

.product5, .product6 {
    max-width: 680px;
    height: 720px;
    padding: 30px;
    text-align: center;
}

.left {
    width: 60%;
    height: 500px;
    /*background:#ededed;*/
    /*border:1px solid red;*/
    float: left;
    position: relative;
    /*padding:0px 25%;*/
}

    .left img {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: center;
    }

.right {
    padding: 40px 30px;
    float: left;
    height: 500px;
    /*border:1px solid red;*/
    width: 40%;
    text-align: center;
    line-height: 2em;
}

    .right img {
        height: 150px;
    }

.button {
    float: left;
    min-width: 80px;
    width: 30%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #3b9bdb;
    border: 1px solid #3b9bdb;
    border-radius: 4px;
    margin-left: 10px;
}

    .button a {
        display: block;
    }

    .button:hover {
        background: #3b9bdb;
        color: #fff;
    }

.state {
    margin-bottom: 10px;
}

    .state h1 {
        margin-bottom: 10px;
    }

.buttonAll {
    padding: 20px 0px;
    max-width: 350px;
    margin: 0 auto;
}

.part2 {
    width: 100%;
    padding: 30px 0px;
}

.part1, .part3 {
    width: 100%;
    padding: 30px 0px;
}


@media screen and (max-width:768px) {
    .product1, .product2, .product3, .product4 {
        height: 750px;
    }

    .product5, .product6 {
        height: 550px;
        /*padding:30px 0px;*/
    }

    .part1, .part3 {
        padding: 60px 0px;
    }

    .left {
        float: none;
        height: 320px;
        width: 100%;
    }

        .left img {
            position: absolute;
            left: 0px;
            right: 0px;
            margin: auto;
            text-align: center;
        }

    .right {
        float: none;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/*律师版*/
.division {
    height: 40px;
    width: 100%;
    background: #3b9bdb;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    line-height: 40px;
}

.main {
    width: 100%;
    max-width: 1000px;
    padding: 60px;
    margin: 0 auto;
}

    .main p {
        text-align: center;
        padding: 0px 10px;
        /*text-indent:2em;*/
        line-height: 2em;
        width: 100%;
        color: #556;
        margin-bottom: 10px;
    }

    .main img {
        width: 100%;
        text-align: center;
        vertical-align: center;
    }

.bgcolor {
    background: #ededed;
}

@media screen and (max-width:768px) {
    .main {
        padding: 20px 0px;
    }
}


/*律所版*/

.station1 .main {
    max-width: 1200px;
    padding: 60px 0px;
}

    .station1 .main p:nth-child(1) {
        font-size: 1.5em;
        font-weight: bold;
    }

@media screen and (max-width:1024px) {
    .main {
        max-width: 100%;
    }
}

/*服务二级页面*/

.servicePage {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px 0px;
    padding-top: 80px;
    /*height:450px;*/
    overflow: hidden;
}

.serviceTitle {
    float: left;
    width: 34%;
    /*height:400px;*/
    overflow: hidden;
    text-align: center;
}

    .serviceTitle img {
        max-width: 100%;
    }

.serviceContent {
    float: left;
    /*margin-left:200px;*/
    width: 66%;
    max-width: 900px;
    line-height: 2em;
    color: #556;
    margin-top: 30px;
}

.fieldsev {
    margin-bottom: 10px;
    height: 150px;
}

    .fieldsev img {
        display: block;
        float: left;
        width: 150px;
    }

.fieldsev_txt {
    margin-top: 30px;
    float: left;
}

.video ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}

    .video ul > li {
        font-size: 14px;
    }

.video img {
    width: 14px;
    height: auto;
    vertical-align: middle;
}

.video a {
    padding-left: 5px;
    vertical-align: middle;
}

    .video a:hover {
        color: #3b9bdb;
    }

@media screen and (max-width:1024px) {
    .serviceTitle, .serviceContent {
        float: none;
        width: 100%;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 0px;
    }

    .servicePage {
        padding: 20px;
        border-bottom: 1px solid #ededed;
    }

    .serviceContent {
        margin-left: 0px;
        overflow: hidden;
    }

    .serviceTitle {
        /*margin-left:5%;*/
    }

        .serviceTitle img {
            max-width: 100%;
        }



    .video ul {
        margin-left: 20px;
    }
    /*.serv1{
		height:650px;
	}
	.serv2{
		height:900px;
	}
	.serv3{
		height:1350px;
	}
	.serv4{
		height:650px;
	}
	.serv5{
		height:650px;
	}*/
}

@media screen and (max-width:450px) {
    .fieldsev {
        float: none;
        text-align: center;
        height: auto;
    }

        .fieldsev img {
            display: inline-block;
            float: none;
        }

    .fieldsev_txt {
        margin-top: 0px;
        float: none;
    }



    .video ul {
        margin-left: 0px;
        width: 100%;
    }
}


/*注册页面*/
.rigester {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 30px 0px;
    border: 1px solid #ddd;
}

    .rigester h2, .rigester h3 {
        text-align: center;
        color: #3b9bdb;
        margin-bottom: 30px;
    }

.form {
    width: 40%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 60px;
}

    .form label {
        display: block;
        margin: 10px 0px;
        line-height: 40px;
    }

    .form span {
        display: block;
        padding-top: 20px;
        margin-bottom: 10px;
        color: #3b9bdb;
        font-weight: bold;
    }

    .form input {
        width: 80%;
        height: 40px;
        border-radius: 2px;
        border: 1px solid #ddd;
    }

    .form select {
        width: 80%;
        height: 40px;
        border-radius: 2px;
        border: 1px solid #ddd;
    }

    .form input[type="button"] {
        background: none;
    }

    .form input[type="file"] {
        background: none;
        line-height: 40px;
        height: 40px;
        border-radius: 2px;
        text-align: center;
        vertical-align: center;
    }

b {
    color: red;
}



button a {
    display: block;
}

.pos {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 30px;
}

@media screen and (max-width:768px) {
    .form {
        width: 80%;
    }
}


/*试用页面*/

.verification_btn {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    border-radius: 2px;
    background: #3b9bdb !important;
    color: #fff;
    width: 80% !important;
    border: none !important;
    text-align: center;
}

input[type="checkbox"] {
    width: 16px;
}

label span {
    line-height: 20px;
}




/*新闻详情页*/

.news_page {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #333;
}

.news_title {
    margin: 30px 0px;
}

.news_page h1 {
    text-align: center;
    margin-bottom: 20px;
}

.news_page .news_content {
    padding: 40px;
    line-height: 2em;
}

@media screen and (max-width:475px) {
    .news_page .news_content {
        padding: 0px;
        line-height: 2em;
    }
}


/*注册成功提示*/

.success {
    max-width: 1200px;
    width: 100%;
    margin: 30px auto;
    padding: 100px 0px;
}

    .success .suc_content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        color: #556;
    }

.suc_content h3 {
    margin-top: 30px;
}

.suc_content p {
    margin: 30px 0px;
}


.bigimg-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.95);
    text-align: center;
    padding: 20px;
}

    .bigimg-box > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }