.base-ban {
    width: 100%;
    overflow: hidden;
    padding-top: 96px;
}

.base-ban img {
    display: block;
    width: 100%;
}

.base-box {
    width: 1200px;
    margin: 40px auto 80px;
}

.base-box .left {
    width: 260px;
}

.base-box .left .list {
    width: 100%;
    background-color: #f8f8f8;
    margin-bottom: 25px;
}

.base-box .left .list .max-tit {
    width: 230px;
    background: url(../img/img14.jpg) center no-repeat;
    height: 50px;
    padding: 25px 0 25px 30px;
}

.base-box .left .list .max-tit .title {
    font-size: 24px;
    color: #ffffff;
    line-height: 1;
    padding: 0 0 12px 12px;
    border-left: 5px solid #d1e1f2;
}

.base-box .left .list .max-tit .en {
    font-size: 14px;
    color: #d1ebff;
    line-height: 1;
    text-transform: uppercase;
    padding-left: 12px;
    border-left: 5px solid #d1e1f2;
}

.base-box .left .list .mlist a {
    display: block;
    width: 230px;
    padding-left: 30px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #ededed;
    font-size: 16px;
    color: #666666;
    background: url(../img/img17.1.png) 220px center no-repeat;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.base-box .left .list .mlist a:hover,
.base-box .left .list .mlist a.on {
    color: #0f7ae8;
    background: url(../img/img17.png) 225px center no-repeat;
}

.base-box .left .list .mlist .mbox {
    display: none;
}

.base-box .left .list .mlist .mbox a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 200px;
    padding-left: 60px;
    background: none;
    position: relative;
}

.base-box .left .list .mlist .mbox a:before {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 48px;
    top: 50%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: -2px;
    background-color: #ccc;
}

.base-box .left .list .mlist .mbox a:hover:before,
.base-box .left .list .mlist .mbox a.on:before {
    background-color: #1865e5
}

.base-box .left .list .bg {
    background: url(../img/img15.jpg) center no-repeat;
}

.base-box .left .list .mli a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 58px;
    border-top: 1px solid #ededed;
    font-size: 14px;
    color: #666666;
}

.base-box .left .list .mli a.tel {
    background: url(../img/img18.png) 30px center no-repeat;
}

.base-box .left .list .mli a.qq {
    background: url(../img/img19.png) 30px center no-repeat;
}

.base-box .left .list .mli a.clock {
    background: url(../img/img21.png) 30px center no-repeat;
}

.base-box .left .list .mli a.add {
    background: url(../img/img20.png) 34px center no-repeat;
    line-height: 1.4;
    padding: 15px 30px 15px 58px;
    height: auto;
}

.base-box .right {
    width: 900px;
}

body.on .base-box .left .list .max-tit .title,
body.on .about .title,
body.on .about .bot-box h3,
body.on .about .list li .box.odd h3,
body.on .about .list li .box.even h3 {
    font-size: 22px;
}

body.on .about .detaile h3 {
    font-size: 21px;
}

body.on .base-box .left .list .mlist a,
body.on .base-box .right .bread a {
    font-size: 14px;
}


/*联系我们*/

.base-box .right .bread {
    height: 56px;
    line-height: 56px;
    background-color: #f4f4f4;
    padding-left: 20px;
}

.base-box .right .bread a {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    float: left;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.base-box .right .bread span {
    display: inline-block;
    float: left;
    width: 8px;
    margin: 0 15px;
    background: url(../img/img23.png) center no-repeat;
}

.base-box .right .bread a.hom {
    padding-left: 28px;
    background: url(../img/img22.png) left center no-repeat;
}

.base-box .right .bread a:hover,
.base-box .right .bread a.on {
    color: #0058b9;
}

.base-box .right .bread a.hom:hover {
    background: url(../img/img22.1.png) left center no-repeat;
}

.base-box .right .contact {
    width: 100%;
    margin-top: 25px;
}

.base-box .right .contact .map {
    width: 100%;
    height: 310px;
}

.base-box .right .contact .map #allmap {
    width: 100%;
    height: 100%;
}

.anchorBL {
    display: none
}

.base-box .right .contact .detaiel {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    padding: 10px 0 20px;
}

.base-box .right .contact .list {
    width: 100%;
}

.base-box .right .contact .list li {
    float: left;
    width: 283px;
    height: 162px;
    border: 1px solid #dddddd;
    float: left;
    margin-right: 22px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    line-height: 1.4;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.base-box .right .contact .list li.on {
    margin-right: 0
}

.base-box .right .contact .list li img {
    max-width: 100%;
    margin: 35px 0 25px;
}

.base-box .right .contact .list li a {
    color: #666666;
}

.base-box .right .contact .list li:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08)
}

body.on .base-box .right .contact .list li {
    font-size: 16px;
}


/*留言*/

.base-box .right .message {
    width: 100%;
    margin: 25px 0 0;
}

.base-box .message .form-top {
    width: 100%;
}

.base-box .message .form-top .form-inp {
    width: 615px;
}

.base-box .message .form-inp .inp {
    margin-bottom: 19px;
}

.base-box .message .form-inp .inp .mbox,
.base-box .message .form-inp .cont {
    width: 270px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    padding-left: 18px;
    font-size: 14px;
    color: #666;
}

.base-box .message .form-inp .inp label,
.base-box .message .form-inp .inp-list .mbox label,
.base-box .message .form-inp .cont label,
.base-box .message .form-bot .text label,
.base-box .message .form-bot .btns .mbox label {
    display: inline-block;
    float: left;
    width: auto;
    height: 38px;
    line-height: 38px;
    margin-right: 5px;
}

.base-box .message .form-inp .inp input,
.base-box .message .form-inp .inp select,
.base-box .message .form-inp .cont input {
    display: block;
    width: 170px;
    height: 38px;
    line-height: 38px;
    border: 0;
    padding: 0;
    float: left;
}

.base-box .message .form-inp .inp .mbox .tup {
    width: 35px;
    float: left;
    cursor: pointer;
    padding-left: 22px;
    background: url(../img/img34.png) left center/14px no-repeat;
}

.base-box .message .form-inp .inp .mbox .tup.on {
    background: url(../img/img35.png) left center/14px no-repeat;
}

.base-box .message .form-inp .inp .mbox .tup.cur {
    margin-left: 18px;
}

.base-box .message .form-inp .inp .mbox input {
    width: 110px;
    margin-left: 20px;
}

.base-box .message .form-inp .tip {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
    margin: 20px 0 7px;
}

.base-box .message .form-inp .inp-list .mbox {
    width: 170px;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 22.5px;
    border: 1px solid #ddd;
    padding-left: 18px;
    font-size: 14px;
    color: #666;
}

.base-box .message .form-inp .inp-list .mbox.on {
    margin-right: 0
}

.base-box .message .form-inp .inp-list .mbox select {
    display: block;
    width: 85px;
    height: 38px;
    line-height: 38px;
    border: 0;
    padding: 0;
    float: left;
}

.base-box .message .form-inp select {
    background: url(../img/img21.jpg) 95% center no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.base-box .message .form-inp .cont {
    width: 595px;
    margin-top: 19px;
}

.base-box .message .form-inp .cont input {
    display: block;
    width: 500px;
}

.base-box .message .form-top .pic {
    width: 247px;
    height: 247px;
}

.base-box .message .form-top .pic img {
    display: block;
    width: 100%;
}

.base-box .message .form-bot {
    width: 100%;
}

.base-box .message .form-bot .text {
    width: 880px;
    border: 1px solid #ddd;
    margin-top: 19px;
    padding-left: 18px;
    font-size: 14px;
    color: #666;
}

.base-box .message .form-bot .text textarea {
    display: block;
    width: 820px;
    height: 180px;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    border: 0;
    padding: 8px 0;
}

.base-box .message .form-bot .btns {
    width: 100%;
    margin-top: 24px;
}

.base-box .message .form-bot .btns .mbox {
    display: block;
    width: 170px;
    border: 1px solid #ddd;
    padding-left: 18px;
    font-size: 14px;
    color: #666;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 150px;
    position: relative;
}

.base-box .message .form-bot .btns .mbox input {
    display: block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    float: left;
    border: 0;
    font-size: 14px;
    color: #666;
    padding: 0;
}

.base-box .message .form-bot .btns img {
    display: block;
    height: 40px;
    float: left;
    cursor: pointer;
    margin: 0 13px;
    position: absolute;
    right: -150px;
    top: -1px;
}

.base-box .message .form-bot .btns .btn {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    float: left;
    width: 178px;
    border: 1px solid #ddd;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.base-box .message .form-bot .btns .btn:hover {
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
}


/*body.on .base-box .message .form-inp .inp-list .mbox,
body.on .base-box .message .form-inp .inp .mbox, 
body.on .base-box .message .form-inp .cont,
body.on .base-box .message .form-bot .text,
body.on .base-box .message .form-bot .btns .mbox,
body.on .base-box .message .form-bot .btns .btn{
  font-size: 13px;
}*/


/*实验室*/

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

.experment ul {
    width: 921px;
    padding-bottom: 10px;
}

.experment ul li {
    width: 283px;
    float: left;
    position: relative;
    border: 1px solid #f7f7f8;
    margin: 30px 22px 0 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)
}

.experment ul li .pic {
    display: block;
    *display: inline;
    width: 100%;
    overflow: hidden;
}

.experment ul li .pic img,
.news li .pic img {
    /*display: block;*/
    width: 100%;
}

.news li .pic {
    height: 166px;
}

.news li .pic img {
    height: 100%;
}

.experment ul li:hover .pic img,
.news li:hover .pic img {
    transform: scale3d(1.08, 1.08, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1);
}

.ani {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.experment ul li .box {
    padding: 23px 20px;
}

.experment ul li .box .tit {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 8px;
}

.experment ul li .box .tit:before {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #dddddd;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
}

.experment ul li .box .detaile,
.news li .box .detaile,
.problem li .mbox .detaile {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
    overflow: hidden;
    height: 44px;
}

.problem li .mbox .detaile,
.news li .box .detaile {
    height: 55px;
    line-height: 2;
}

.experment ul li:hover {
    background-color: #1866e6;
}

.experment ul li:hover .box .detaile,
.experment ul li:hover .box .tit {
    color: #fff;
}

.experment ul li:hover .box .tit:before {
    background-color: #fff;
}

body.on .experment ul li .box .tit {
    font-size: 16px;
    padding-bottom: 8px;
}


/*新闻*/

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

.news li {
    width: 100%;
    margin-top: 30px;
}

.news li .pic {
    width: 250px;
    overflow: hidden;
}

.news li .box {
    width: 620px;
}

.news li .box .tit {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
    float: left;
}

.news li .box .time {
    font-size: 14px;
    color: #999;
    line-height: 1.4;
    /* margin: 1px 0 10px;*/
    padding-top: 5px;
    float: right;
}

.news li .box .btn {
    display: block;
    width: 95px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #1866e6;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-right: 18px;
    border-radius: 30px;
    background: #1866e6 url(../img/img13.png) 85% center no-repeat;
    margin-top: 13px;
}

.news li:hover .box .tit {
    color: #1866e6;
}

.news li:hover .box .btn {
    background-color: #fff;
    color: #1866e6;
    background: url(../img/img13.1.png) 85% center no-repeat;
}

body.on .news li .box .tit {
    font-size: 16px;
}


/*服务发票*/

.invoice {
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
}

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

.invoice h3 {
    font-size: 18px;
    color: #0058b9;
    line-height: 1.6;
    margin-top: 30px;
}

.invoice p {
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
}

body.on .invoice h3 {
    font-size: 16px;
    margin-top: 25px;
}


/*服务问题*/

.problem {
    width: 100%;
}

.problem li {
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.problem li .time {
    width: 60px;
    text-align: center;
    font-family: 'arial';
}

.problem li .time .lamp {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    background: #999999 url(../img/img24.png) center no-repeat;
}

.problem li .time .data {
    font-size: 18px;
    color: #666;
    line-height: 1.2;
}

.problem li .time .year {
    font-size: 14px;
    color: #999999;
    line-height: 1.4;
}

.problem li .mbox {
    width: 820px;
    padding-top: 4px;
}

.problem li .mbox .tit {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 8px;
}

.problem li .mbox .tit .tt {
    max-width: 540px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.problem li .mbox .tit .win {
    color: #999;
    font-size: 14px;
    margin-left: 20px;
    padding-left: 25px;
    background: url(../img/img25.png) left center no-repeat;
}

.problem li:hover .time .lamp {
    background-color: #1866e6;
}

.problem li:hover .time .data,
.problem li:hover .time .year,
.problem li:hover .mbox .tit,
.problem li:hover .mbox .tit .win {
    color: #1866e6
}

.problem li:hover .mbox .tit .win {
    background: url(../img/img25.1.png) left center no-repeat;
}

body.on .problem li .mbox .tit .tt {
    font-size: 16px;
}


/*检测项目*/

.project {
    padding-top: 25px;
    width: 100%;
    overflow: hidden;
}

.project ul {
    width: 940px;
}

.project li {
    width: 430px;
    float: left;
    margin: 0 40px 50px 0;
}

.project li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.project li .img,
.business li .img {
    width: 100%;
    display: block;
    /**display: inline;*/
    overflow: hidden;
    position: relative;
}

.project li .img:before,
.project li .img:after,
.business li .img:before,
.business li .img:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.project li .img:before,
.business li .img:before {
    z-index: 5;
    background-color: rgba(16, 118, 232, 0.3);
}

.project li .img:after,
.business li .img:after {
    z-index: 6;
    background: url(../img/img10.png) center no-repeat;
}

.project li:hover .img:before,
.project li:hover .img:after,
.business li:hover .img:before,
.business li:hover .img:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.project li .img img,
.business li .img img {
    /*display: block;*/
    /**display: inline-block;*/
    width: 100%;
}

.project li:hover .img img,
.business li:hover .img img {
    transform: scale3d(1.08, 1.08, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1);
}

.project li .tit {
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 18px;
    color: #666;
    border: 1px solid #ddd;
    border-top: 0;
}

.project li:hover .tit,
.business li:hover .tit {
    color: #fff;
    border: 1px solid #1076e8;
    border-top: 0;
    background-color: #1076e8
}

body.on .project li .tit {
    font-size: 16px;
}


/*代持业务*/

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

.business ul {
    width: 922px;
}

.business li {
    margin: 27px 22px 0 0;
    width: 285px;
    float: left;
}

.business li .tit {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #666666;
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0
}


/*技术-检测流程*/

.process {
    width: 100%;
    padding-top: 65px;
    position: relative;
}

.process:before {
    display: block;
    width: 1px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 34px;
    background-color: #e0e0e0;
    content: ''
}

.process li {
    position: relative;
    background: url(../img/img36.jpg) center top no-repeat;
}

.process li.odd .mbox {
    width: 400px;
    padding-right: 50px;
    text-align: right;
    float: left;
}

.process li.even .mbox {
    width: 400px;
    padding-left: 50px;
    text-align: left;
    float: right;
}

.process li .title {
    font-size: 18px;
    color: #0d61bd;
    line-height: 26px;
    height: 26px;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 7px;
}

.process li.odd .title {
    padding-right: 40px;
    background: url(../img/img37.jpg) right bottom no-repeat;
}

.process li.even .title {
    padding-left: 40px;
    background: url(../img/img37.jpg) left bottom no-repeat;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.process li .title span {
    width: 26px;
    height: 26px;
    background-color: #0d61bd;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-family: 'arial';
    font-size: 14px;
    position: absolute;
    top: 0;
}

.process li .detaile {
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
}

.process li i {
    display: block;
    width: 1px;
    height: 95%;
    content: '';
    background-color: #e0e0e0;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -0px;
}

body.on .process li .title {
    font-size: 16px;
}


/*技术-资料下载-检测标准*/

.standard {
    width: 100%;
    padding-top: 25px;
}

.standard li {
    width: 100%;
    height: 64px;
    line-height: 64px;
    float: left;
    overflow: hidden;
}

.standard li .tit {
    width: 700px;
    padding-left: 30px;
    background: url(../img/img26.png) left center no-repeat;
    font-size: 18px;
    float: left;
    color: #333;
    margin-left: 25px;
}

.standard li .time {
    font-size: 14px;
    float: right;
    color: #666;
    width: 90px;
    text-align: right;
    margin-right: 25px;
}

.standard li.odd {
    background-color: #f6f6f6;
}

.standard li.even {
    background-color: #e9e9e9;
}

.standard li:hover {
    background-color: #1176e8;
}

.standard li:hover .time,
.standard li:hover .tit {
    color: #fff;
}

body.on .standard li .tit {
    font-size: 16px;
}


/*技术-资料下载*/

.down {
    width: 100%;
    padding-top: 25px;
}

.down ul {
    width: 924px;
    font-size: 0;
}

.down li {
    width: 285px;
    text-align: center;
    float: left;
    margin: 0 23px 30px 0;
}

.down li .pic {
    width: 100%;
    padding: 40px 0;
    background-color: #f8f8f8;
}

.down li .tit {
    font-size: 16px;
    color: #333;
    height: 47px;
    line-height: 47px;
    background-color: #ddd;
}

.down li:hover .tit {
    background-color: #1866e6;
    color: #fff;
}

.order {
    width: 100%;
    padding-top: 30px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}

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

body.on .down li .tit {
    font-size: 14px;
}


/*关于滨安-滨安简介*/

.about {
    padding-top: 30px;
    width: 100%;
}

.about .title {
    font-size: 24px;
    color: #0f7ae8;
    line-height: 1.2;
    margin-bottom: 5px;
}

.about .tit {
    font-size: 14px;
    color: #999999;
    line-height: 1.2;
}

.about .detaile {
    font-size: 14px;
    line-height: 1.9;
    color: #888888;
}

.about .detaile img {
    max-width: 100%;
    margin: 20px 0;
}

.about .detaile h3 {
    font-size: 23px;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 10px;
}

.about .bot-box {
    width: 100%;
    margin-top: 40px;
}

.about .bot-box h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 25px;
}

.about .bot-box .list {
    padding: 110px 0 45px;
    position: relative;
    width: 100%;
    background: url(../img/img48.jpg) center top repeat-y;
}

.about .bot-box .list .point {
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #1867be;
    left: 50%;
    position: absolute;
    top: 0;
    margin-left: -5px;
}

.about .bot-box .list li {
    width: 100%;
    position: relative;
}

.about .bot-box .list li .odd i,
.about .bot-box .list li .even i {
    display: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #eee;
    position: absolute;
    top: -30px;
    background-color: #fff;
    z-index: 5;
}

.about .bot-box .list li .odd i {
    right: -5px;
}

.about .bot-box .list li .even i {
    left: -5px;
}

.about .bot-box .list li .odd.cur i,
.about .bot-box .list li .even.cur i {
    display: block;
}

.about .list li .box {
    width: 450px;
    float: left;
    position: relative;
    margin-top: 25px;
}

.about .list li .box.on {
    margin-top: 80px;
}

.about .list li .box em {
    display: none;
}

.about .list li .box.on em {
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: -25px;
    left: 0;
}

.about .list li .box.odd {
    text-align: right;
}

.about .list li .box.even {
    text-align: left;
}

.about .list li .box.odd h3,
.about .list li .box.even h3 {
    display: block;
    font-size: 24px;
    color: #0058b9;
    font-family: 'arial';
    line-height: 1.2;
    position: absolute;
    top: -58px;
}

.about .list li .box.odd h3 {
    right: 50px;
}

.about .list li .box.even h3 {
    left: 50px;
}

.about .list li .box .mbox {
    width: 350px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.about .list li .box .month {
    font-size: 18px;
    color: #333;
    line-height: 1.4;
}

.about .list li .box .pic {
    width: 100%;
    overflow: hidden;
    margin: 5px 0;
}

.about .list li .box .pic img {
    display: block;
    width: 100%;
}

.about .list li .box .detaile {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    height: 120px;
    overflow: hidden;
}


/*关于滨安-企业文化*/

.culture {
    width: 100%;
    padding-top: 25px;
}

.culture .detaiel-box {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
}

.culture .detaiel-box li {
    margin-bottom: 25px;
    padding-left: 45px;
}

.culture .detaiel-box li h3 {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    position: relative;
    left: -45px;
    top: 0;
    padding-left: 45px;
}

.culture .detaiel-box li p {
    margin-top: 10px;
}

.culture .list {
    width: 100%;
}

.culture .list li {
    float: left;
    width: 180px;
    text-align: center;
    position: relative;
}

.culture .list li .math {
    font-size: 48px;
    color: #0789e9;
    line-height: 1.2;
    font-family: 'BEBAS';
    margin-bottom: 5px;
}

.culture .list li .detaile {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

.culture .list i {
    display: block;
    width: 1px;
    height: 44px;
    background-color: #ebebeb;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
}

body.on .culture .detaiel-box li h3 {
    font-size: 16px;
}

body.on .culture .list li .math {
    font-size: 46px;
}


/*关于滨安-企业资质*/

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

.honor ul {
    width: 932px;
}

.honor li {
    width: 200px;
    margin: 35px 33px 0 0;
    text-align: center;
    float: left;
}

.honor li .pic {
    width: 100%;
    margin-bottom: 2px;
}

.honor li .pic img {
    display: block;
    width: 100%;
}

.honor li .tit {
    font-size: 18px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.honor li .tit:before {
    display: block;
    width: 0px;
    height: 2px;
    background-color: #669bd5;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: 0;
    bottom: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.honor li:hover .tit:before {
    width: 25px;
    margin-left: -12.5px;
}

.honor li:hover .tit {
    color: #0058b9;
}

body.on .honor li .tit {
    font-size: 16px;
}


/*关于滨安-客户案例*/

.case {
    width: 100%;
    padding-top: 5px;
}

.case li {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}

.case li .pic {
    width: 308px;
    overflow: hidden;
    display: block;
    *display: block;
}

.case li .pic img {
    display: block;
    *display: block;
    width: 100%;
}

.case li:hover .pic img {
    transform: scale3d(1.08, 1.08, 1);
    -webkit-transform: scale3d(1.08, 1.08, 1);
}

.case li .box {
    width: 560px;
    margin-right: 5px;
    padding-top: 20px;
}

.case li .box .title {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    position: relative;
}

.case li .box .title span {
    font-size: 14px;
    color: #999999;
    float: right;
}

.case li .box .detaile {
    font-size: 14px;
    color: #999999;
    line-height: 1.7;
    height: 44px;
    overflow: hidden;
    margin: 10px 0 18px;
}

.case li .box .btn {
    display: block;
    width: 98px;
    height: 28px;
    border-radius: 30px;
    line-height: 28px;
    text-align: center;
    padding-right: 15px;
    color: #fff;
    border: 1px solid #1866e6;
    font-size: 14px;
    background: #1866e6 url(../img/img13.png) 90px center no-repeat;
}

.case li:hover .box .title {
    color: #1866e6
}

.case li:hover .box .btn {
    background-color: #fff;
    color: #1866e6
}

body.on .case li .box .title {
    font-size: 22px;
}


/*关于滨安-人才招聘*/

.job {
    width: 100%;
    padding-top: 7px;
}

.job .titles {
    width: 100%;
    height: 52px;
    line-height: 52px;
}

.job .titles li {
    float: left;
    text-align: center;
    font-size: 16px;
    color: #0058b9;
}

.job .list {
    width: 100%;
    background-color: #f9f9f9;
}

.job .list .title {
    height: 49px;
    line-height: 49px;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
}

.job .list .title p {
    float: left;
    font-size: 14px;
    color: #000000;
}

.job .list .title p.time {
    background: url(../img/img27.png) 150px center no-repeat;
    cursor: pointer;
}

.job .list li.on .title p.time {
    background: url(../img/img28.png) 154px center no-repeat;
}

.job .list .detaile {
    padding: 20px 30px 30px;
    font-size: 14px;
    color: #666666;
    display: none;
    line-height: 1.7;
    border-bottom: 1px solid #eeeeee;
}

.job .list .btn {
    display: block;
    border: 1px solid #bdbdbd;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border-radius: 30px;
    padding-right: 13px;
    background: url(../img/img23.png) 90px center no-repeat;
    margin-top: 25px;
}

.job .list .btn:hover {
    background: #0058b9 url(../img/img23.1.png) 90px center no-repeat;
    color: #fff;
    border: 1px solid #0058b9;
}

body.on .job .titles li {
    font-size: 14px;
}

body.on .job .list .title p,
body.on .job .list .detaile,
body.on .job .list .btn {
    font-size: 13px;
}

body.on .job .list .title p.time {
    background: url(../img/img27.png) 150px center/13px no-repeat;
}

body.on .job .list li.on .title p.time {
    background: url(../img/img28.png) 154px center/7px no-repeat;
}


/*关于滨安-人才招聘-表单*/

.form-box {
    width: 1100px;
    margin: 50px auto 100px;
    padding: 50px;
    border: 1px solid #ddd;
}

.form-box .top {
    font-size: 18px;
    color: #333333;
    margin-bottom: 42px;
    line-height: 1.6;
}

.form-box .top span {
    color: #888888;
    font-size: 14px;
}

.form-box .inp {
    float: left;
    width: 340px;
    margin-right: 40px;
    padding: 0;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 0;
    overflow: hidden;
}

.form-box .inp .fibox .btn-success,
.form-box .inp .fibox .btn-success input {
    padding: 0 !important
}

.form-horizontal .controls {
    margin-left: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.form-horizontal .control-group {
    margin-bottom: 0px !important;
}

.form-box .inp.code img {
    height: 30px;
    display: block;
    float: left;
    margin-left: 10px;
}

.form-box .inp.on {
    margin-right: 0
}

.form-box .inp .xh,
.form-box .right .xh {
    color: #333333;
    font-size: 14px;
    display: inline-block;
    width: 26px;
    float: left;
}

.form-box .inp label,
.form-box .right label {
    width: 5em;
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    margin: 0 9px 0 0;
    float: left;
    vertical-align: top;
}

.form-box .inp input,
.form-box .inp select {
    display: inline-block;
    box-sizing: border-box;
    width: 240px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #f6f6f6;
    font-size: 12px;
    padding: 0 20px 0 10px;
}

.form-box .inp input {
    *width: 210px;
    *height: 28px;
}

.form-box .inp .fibox {
    width: 200px;
    display: inline;
}

.form-box .inp .text,
.form-box .left {
    width: 100%;
    margin-bottom: 0
}

.form-box .left {
    float: left;
    width: 380px;
    margin-bottom: 15px;
}

input,
button,
select,
textarea {
    outline: none;
}

.form-box .inp.code input {
    width: 98px;
    margin-right: 0;
    float: left;
}

.form-box .inp.code .img {
    display: inline-block;
    height: 30px;
    margin: -10px 0 0 10px;
}

.form-box .right {
    width: 720px;
    float: left;
}

.form-box textarea {
    display: block;
    width: 590px;
    border: 0;
    background-color: #f6f6f6;
    height: 80px;
    padding: 0 20px 0 10px;
    line-height: 26px;
}

.form-box .inp.submit {
    width: 100%;
    margin-right: 0
}

.form-box .inp.submit input {
    width: 150px;
    height: 43px;
    padding: 0;
    color: #ffffff;
    font-size: 13px;
    background-color: #0175c7;
    float: right;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #0175c7;
    margin-right: 0;
}

.form-box .inp.submit input:hover {
    color: #0175c7;
    background-color: #fff;
}


/*关于滨安-免责声明*/

.liability {
    width: 100%;
    padding-top: 25px;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
}

.liability p {
    margin-bottom: 20px;
}

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


/*客户服务-报告查询*/

.select {
    width: 100%;
    padding-top: 80px;
}

.select .sel {
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    width: 300px;
    border: 1px solid #ddd;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
}

.select .sel .txt {
    width: 200px;
    float: left;
    height: 40px;
    line-height: 40px;
    text-indent: 40px;
    border: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    background-color: #f5f5f5;
}

.select .sel .btn {
    width: 60px;
    height: 40px;
    border: 0;
    float: right;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.select .sel .btn:hover {
    color: #fff;
    background-color: #0058b9;
}

.select .sel-tip {
    font-size: 14px;
    color: red;
    line-height: 1.6;
    margin-top: 15px;
}

.select .tip-sle {
    width: 260px;
    height: 115px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    margin: -100px 0 0 -150px;
    z-index: 102;
    border: 1px solid #ededed;
    border-radius: 2px;
    padding: 35px 30px 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.select .tip-sle .title {
    font-size: 18px;
    margin-bottom: 52px;
    line-height: 1.4;
}

.select .tip-sle .btns div {
    float: left;
    width: 80px;
    height: 32px;
    margin-right: 15px;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    background-color: #afadad;
    text-align: center;
    font-size: 15px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.select .tip-sle .btns div.confirm {
    background-color: #3689e4;
}

.select .tip-sle .btns div.confirm:hover {
    background-color: #1d6bc1;
}

.select .tip-sle .btns div.colse:hover {
    background-color: #8c8b8b;
}

.tip-bg {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    background: url(../img/img1.png) center repeat;
}


/*客户服务-新闻详情*/

.newsinfor {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 80px;
}

.newsinfor .title,
.projectinfor .title {
    font-size: 22px;
    font-family: 'arial';
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
}

.projectinfor .title {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.newsinfor .time,
.projectinfor .time {
    color: #999;
    font-size: 14px;
    margin: 15px 0 25px;
    padding-bottom: 15px;
    text-align: center;
    line-height: 1.3;
    border-bottom: 1px solid #ddd;
}

.newsinfor .detaile,
.projectinfor .detaile {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    line-height: 2;
    font-size: 16px;
}

.newsinfor .bot-btn,
.projectinfor .bot-btn {
    width: 100%;
    margin-top: 30px;
}

.newsinfor .bot-btn .left,
.projectinfor .bot-btn .left {
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    width: 75%;
}

.newsinfor .bot-btn .left p,
.projectinfor .bot-btn .left p {
    margin-bottom: 7px;
}

.newsinfor .bot-btn .left a,
.projectinfor .bot-btn .left a {
    color: #333;
    float: left;
}

.newsinfor .bot-btn .left .fa,
.projectinfor .bot-btn .left .fa {
    color: #666;
}

.newsinfor .bot-btn .left .fa:hover,
.projectinfor .bot-btn .left .fa:hover {
    color: #1866e6;
}

.newsinfor .bot-btn .btn {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    background: #1866e6;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 1px solid #1866e6;
    box-sizing: border-box;
}

.newsinfor .bot-btn .btn:hover {
    color: #1866e6;
    background-color: #f5f5f5;
}

.f5 {
    background-color: #f5f5f5
}

.projectinfor {
    width: 100%;
    padding: 35px 0;
    margin: 0 auto;
}

.projectinfor .bot-btn .left {
    width: 70%;
}

.projectinfor .bot-btn .btn {
    display: block;
    width: 120px;
    float: right;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    background: #1866e6;
    color: #fff;
    margin-top: 7px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #1866e6;
    box-sizing: border-box;
}

.projectinfor .bot-btn .btn:hover {
    color: #1866e6;
    background-color: #f5f5f5;
}

body.on .newsinfor .title,
body.on .projectinfor .title {
    font-size: 20px;
}

body.on .newsinfor .time,
body.on .projectinfor .time {
    font-size: 13px;
}

body.on .newsinfor .detaile,
body.on .projectinfor .detaile,
body.on .newsinfor .bot-btn .left,
body.on .projectinfor .bot-btn .left {
    font-size: 14px;
}


/* 新增 */

.newk-lianxi {
    width: 100%;
    height: 55px;
}

.lianxi-word {
    width: 60%;
    height: 55px;
    line-height: 55px;
    padding: 0.2rem;
    background-color: rgb(243, 246, 248);
    border-radius: 10px 0 0 10px;
}

.lianxi-word p {
    font-size: 15px;
    color: #333;
    text-align: center;
}

.lianxi-button {
    display: inline-block;
    width: 40%;
    background-color: pink;
}