@charset "utf-8";
/* CSS Document */

    .detectionPage {
        padding: 60px 0 112px 0;
    }
    .detectionPage .title {
        line-height: 50px;
        float: left;
        font-size: 32px;
        color: #222222;
    }
    .detectionPage .down {
        width: 416px;
        float: right;
        position: relative;
    }
    .detectionPage .down.on .tit {
        background-image: url(../image/arrow5.png);
    }
    .detectionPage .down .tit {
        height: 50px;
        line-height: 50px;
        padding: 0 50px 0 18px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 15px;
        color: #333333;
        background: url(../image/arrow4.png) no-repeat right 17px center #efefef;
        cursor: pointer;
    }
    .detectionPage .down ul {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50px;
        z-index: 5;
        background: #f9f9f9;
        text-align: center;
        display: none;
        max-height: 396px;
        overflow: auto;
    }
    .detectionPage .down ul li {
        height: 44px;
        line-height: 44px;
        border-top: solid 1px #eee;
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }
    .detectionPage .down ul li:hover {
        background: #eee;
    }
    .detectionPage .row2 {
        margin-top: 36px;
    }
    .detectionPage #allmap {
        width: 728px;
        height: 666px;
        float: right;
    }
    .detectionPage .select {
        float: left;
        width: 100%;
        height: 666px;
		overflow-y: auto;
		overflow-x: hidden;
        padding-right: 38px;
        box-sizing: border-box;
    }
    .detectionPage .select::-webkit-scrollbar {
        width: 11px;
        background: url(../image/scrollbar2.gif) repeat-y center 0;
        background-size: 3px auto;
    }
    .detectionPage .select::-webkit-scrollbar-button {
        display: none;
    }
    .detectionPage .select::-webkit-scrollbar-thumb {
        background: #d3a100;
    }
    .detectionPage .select li {
        border-bottom: solid 1px #cccccc;
        line-height: 20px;
        font-size: 15px;
        color: #777777;
        padding: 40px 20px 26px 42px;
        box-sizing: border-box;
        cursor: pointer;
        transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
    }
    .detectionPage .select li:first-child {
        border-top: solid 1px #cccccc;
    }
    .detectionPage .select li.on,
    .detectionPage .select li:hover {
        background: #d3a100;
        color: #fff;
    }
    .detectionPage .select li.on .p1,
    .detectionPage .select li:hover .p1 {
        background-image: url(../image/experience_icon1.png);
    }
    .detectionPage .select li.on .p2,
    .detectionPage .select li:hover .p2 {
        background-image: url(../image/experience_icon2.png);
    }
    .detectionPage .select li.on .p3,
    .detectionPage .select li:hover .p3 {
        background-image: url(../image/experience_icon3.png);
    }
    .detectionPage .select li p {
        margin-bottom: 14px;
        padding-left: 36px;
        box-sizing: border-box;
        background: no-repeat 0 0;
    }
	    .detectionPage .select li .p1 { color:#000000;}
		.detectionPage .select li .p1 a { color:#000000;font-size: 14px;}
		.detectionPage .select li .p1 a:hover { color:#fff}

    .detectionPage .select li .p1 {
        background-image: url(../image/experience_icon4.png);
    }
    .detectionPage .select li .p2 {
        background-image: url(../image/experience_icon5.png);
    }
    .detectionPage .select li .p3 {
        background-image: url(../image/experience_icon6.png);
    }
    @media only screen and (max-width: 1400px) {
        .detectionPage #allmap {
            width: 590px;
        }
        .detectionPage .select {
            width: 580px;
            padding-right: 30px;
        }
        .detectionPage .select li {
            padding: 40px 20px 26px 20px;
        }
    }