@charset "utf-8";

.banner { height: 718px; background: url("../images/banner.jpg") no-repeat center 0;}
.search { height: 176px; overflow: hidden;}
.search .sez { float: left; font-size: 26px; color: #484848; height: 49px; border-bottom: 1px solid #b6b8b6; padding-top: 58px; font-weight: bold;}
.search .sez span { color: #1bae1d;}
.search .sey { float: right; margin-top: 55px;}
.search .sey em { display: block; height: 30px; margin-bottom: 5px;}
.search .sey em input { display: block; float: left; border: 0;}
.search .sey em .sek1 { width: 358px; height: 30px; background: url("../images/sek1.jpg") no-repeat; padding-left: 20px;}
.search .sey em .sek2 { width: 49px; height: 30px; background: url("../images/sek2.jpg") no-repeat;}
.search .sey b { font-size: 14px; color: #000000; margin-left: 20px;}
.search .sey a { font-size: 14px; color: #757575; margin-right: 15px;}

.zs { height: 746px; background: url("../images/zsb.jpg") no-repeat center 0; overflow: hidden; padding-top: 81px;}
.wid_mg { margin: 0 auto; background: #ffffff; padding-bottom:30px;}
.ind_c5{
    display: block;
    text-align: center;
}
.ind_c5 h1{
    font-size: 48px;
    color: #3c3c3c;
    line-height: 48px;
    padding-top: 48px;
}
.ind_c5 h1 span{
    color: #e72816;
}
.ind_c5 h1 p {
    width: 706px;
    height:42px;
    background: #1bae1d;
    font-size: 24px;
    color: #ffffff;
    line-height: 42px;
    margin: 22px auto 57px;
}
.c5_lx{
    display: block;
    width: 100%;
    padding: 30px 0;
}
.c5_lx li{
    width:25%;
    display: block;
    float: left;
}
.c5_lx li a{
    display: block;
    width: 80%;
    text-align: center;
    margin: 0 10%;
    padding: 10% 0;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
    transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}
.c5_lx li a p{
    line-height: 2.4;
    color: #0b0b0b;
}

.c5_lx li a.ind_c4_3 img{
    padding-top:18px;
}
.c5_lx li a.ind_c4_4 img{
    padding-top:3px;
}
.ind_lx_c1 {
    display:inline-block;
}
.ind_lx_c2 {
    display: none;
}
.c5_lx li a:hover .ind_lx_c1 ,.c5_lx li a.on .ind_lx_c1{
    display:none;
}
.c5_lx li a:hover .ind_lx_c2 ,.c5_lx li a.on .ind_lx_c2{
    display:inline-block;
}
.c5_lx li a:hover,.c5_lx li a.on{
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
}

.cp_listcm{
    padding: 20px 3%;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.cp_tit1{
    float: left;
    background: #004979 url("../images/zs_07.jpg") no-repeat center 14px;
    color: #fff;
    display: block;
    width: 10%;
    height: 35px;
    font-weight: bold;
    font-size: 18px;
    padding-top: 61px;
}
.cp_tit2{
    float: left;
    background: #dc321a url("../images/zs_10.jpg") no-repeat center 14px;
    color: #fff;
    display: block;
    width: 10%;
    height: 35px;
    font-weight: bold;
    font-size: 18px;
    padding-top: 61px;
}
.cp_list1 ,.cp_list2{
    float: left;
    width: 14.8%;
    border: 1px solid #e4e8eb;
}
.cp_list1 h2 ,.cp_list2 h2{
    display:block;
    background: #f3f4f5;
    width: 100%;
    line-height:48px;
    height:48px;
    font-weight: normal;
    color: #1b1b1b;
}
.cp_list1 p ,.cp_list2 p{
    width: 100%;
    display: block;
    background: #fff;
    line-height:46px;
    height:46px;
    color: #1b1b1b;
}
@media (max-width: 768px){
    .c5_lx{
        padding: 0;
    }
    .c5_lx li{
        width: 50%;
        margin: 4% 0;
    }
    .cp_listcm{
        padding: 2% 3%;
    }
    .cp_tit1,.cp_tit2{
        width: 100%;
        line-height: 40px;
        height: 40px;
    }
    .cp_list1,.cp_list2{
        width: 50%;
    }
}


.cpsx_li{
    padding:8px 0;
    min-height:35px;
    position:relative;
    line-height:35px;
    margin:20px auto 0;
    height:96px;
}
.cpsx_li .cpsx_bt{
    width: 9.6%;
    background: #2f9f33 none repeat scroll 0 0;
    display: inline-block;
    height: 81px;
    left: 0;
    margin-left:3%;
    padding-top: 15px;
    position: absolute;
    top: 0;
}
.cpsx_li .cpsx_bt p{
    line-height: 1.9;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.cpsx_li .cpsx_rz{
    padding-left:13%;
    position:relative;


}
.cpsx_li .cpsx_rz .cm_a{
    height:33px;
    line-height:33px;
    width:98px;
    text-align:center;
    display:inline-block;
    margin:0 5px;
    background:#F7F7F7;
    border:1px solid #F7F7F7;
    color:#656565;
}
.cpsx_li .cpsx_rz .cm_a:hover ,.cpsx_li .cpsx_rz .cm_a.on{
    color:#3F4957;
    background:#D8EBFF;
    border-color:#72ADE8;
}
.sel_com .select_showbox{
    display:inline-block;
    width:90%;
    height:33px;
    border:1px solid #72ADE8;
    background:#D8EBFF;
    position:relative;
    padding: 0 5%;
    cursor:pointer;
    margin-left: 10%;
}
.sel_com .select_showbox:before{
    width:9px;
    height:5px;
    position:absolute;
    right:9px;
    top:15px;
    content:"";
    transition: all 0.3s ease 0s;
}
.sel_com .select_showbox.select:before{
    transform: rotate(180deg);
}
.sel_com .select_option{
    background: #d8ebff none repeat scroll 0 0;
    border: 1px solid #72ade8;
    display: none;
    margin-left: 5.7%;
    margin-top: -2px;
    position: absolute;
    width: 55.5%;
    z-index: 999;
}
.js-change-value{
    position:relative;
    width:100%;
    height:35px;
    padding-bottom:20px;
    margin-left:5px;
    margin-top:10px;
}

.m_sel{
    display:none;
    width: 100%;

}
.project-screening {
    background: #E1E5EB;
    display: block;
    height: 4px;
    width: 86%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top:14px;
    border:1px solid #E1E5EB;
    position:relative;
}
.screening-select {
    width: 15px;
    height:30px;
    position: absolute;
    top: -2px;
    cursor: pointer
}


/*
.dk-1 {
	left: -1px;
}
.dk-2 {
	left: 5.56%;
}
.dk-3 {
	left: 11.12%;
}
.dk-4 {
	left: 16.68%;
}
.dk-5 {
	left:22.24%;
}
.dk-6 {
	left:27.80%;
}
.dk-7 {
	left:33.36%;
}
.dk-8 {
	left:38.92%;
}
.dk-9 {
	left:44.48%;
}
.dk-10{
	left:50.04%;
}
.dk-11 {
	left:55.60%;
}
.dk-12 {
	left:61.16%;
}
.dk-13 {
	left:66.72%;
}
.dk-14 {
	left:72.28%;
}
.dk-15 {
	left:77.84%;
}
.dk-16 {
	left:83.40%;
}
.dk-17 {
	left:88.96%;
}
.dk-18 {
	left:94.52%;
}
.dk-19 {
	left:99.58%;
}
*/


.dk-1 {
    left: -1px;
}
.dk-2 {
    left: 10%;
}
.dk-3 {
    left: 20%;
}
.dk-4 {
    left: 30%;
}
.dk-5 {
    left:40%;
}
.dk-6 {
    left:50%;
}
.dk-7 {
    left:60%;
}
.dk-8 {
    left:70%;
}
.dk-9 {
    left:80%;
}
.dk-10{
    left:90%;
}
.dk-11 {
    left:99.5%;
}



.project-screening-yellow {
    background:#003a68;
    height: 4px;
    overflow: hidden;
    width: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top:-1px;
    border:1px solid #72ADE8;
    position:absolute;
}
.screening-select a {
    position: absolute;
    left: -23px;
    top: 22px;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    line-height: none;
    width: 56px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
}
.screening-select a:after{
    height:8px;
    width:1px;
    background:#999999;
    content:"";
    left:50%;
    top:-15px;
    position:absolute;
}
.screening-select a:hover {
    color:#2172d6;
}
.project-screening .select-1-yellow {
    cursor: pointer;
    display: inline-block;
    width:20px;
    height:35px;
    position: absolute;
    top: -15px;
    background:url(../images/zs_03.jpg) no-repeat center center;
    z-index:9;
    left:-6px;
}
.project-screening .current a {
    color:#2172d6;
    height: 21px;
}

.input_pad{
    width:9%;
    position:absolute;
    right:-13%;
    top:-13px;
    border:1px solid #BCC0C9;
    height:28px;
    line-height:28px;
    padding:0 10px;
    text-align:left;
    font-size:12px;
    color:#999999;
}
.input_pad input{
    border:none;
    background:none;
    height:28px;
    width:80%;
    position:absolute;
    text-align:left;
    left:5px;
}


.ind_jz{
    display: inline-block;
    padding: 15px 40px;
    background: #f39800 ;
    color: #fff;
}
.ind_jz:hover{
    color: #fff;
}
@media (max-width: 768px){
    .ind_jz{
        display: inline-block;
        padding: 8px 20px;
        background: #f39800 ;
        color: #fff;
    }
    .cpsx_padd{
        padding:15px;
    }
    .cpsx_li{
        margin:3% auto;
        height: auto;
    }

    .cpsx_li .cpsx_bt{
        padding: 0;
        margin-left:9%;
        font-size: 12px;
        width: 30%;
        height:40px;
        line-height: 40px;
    }
    .cpsx_li .cpsx_bt p{
        display:inline-block;
    }
    .cpsx_li .cpsx_rz{
        padding-left:40%;
        display: block;
        width: 50%;
        margin-top:-5px;
    }
    .cpsx_li .cpsx_rz .cm_a{
        margin:0px 5px 10px;
    }
    .rangeslider, .rangeslider__fill{
        width:58%;
    }
    .input_pad{
        width: 22%;
    }

    .js-change-value{
        display:none;
    }
    .m_sel{
        display:block;
    }
}

.lr { height: 507px; overflow: hidden;}
.lr ul { padding-top: 80px;}
.lr li { float: left; width: 557px; height: 250px; padding: 50px 0 0 43px;}
.lr li p { padding-left: 18px; background: url("../images/lry.png") no-repeat left 11px;}
.lr li p b { display: block; width: 246px; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 30px;}
.lr li p span { display: block; width: 240px; font-size: 15px; color: #ffffff; line-height: 24px; margin-top: 10px;}
.lr li:first-child { background: url("../images/lrt1.jpg") no-repeat;}
.lr li:last-child { background: url("../images/lrt2.jpg") no-repeat;}

.sm { height: 2127px; background: url("../images/smb.jpg") no-repeat center 0; overflow: hidden;}
.sm h3 { height: 150px; text-align: center; background: url("../images/sm_03.png") no-repeat 0 bottom; padding-top: 74px; font-size: 40px; color: #2f9f33; line-height: 40px;}
.sm h3 p { font-size: 18px; color: #3c3c3c; font-weight: normal; margin-top: 10px;}
.sm .smd1 { padding: 87px 0 0 470px; height: 622px;}
.sm .smd1 dd { padding-left: 125px; background: url("../images/sm_07.png") no-repeat left 10px;}
.sm .smd1 dd h4 { height: 99px; border-bottom: 1px solid #e9eae9; font-size: 24px; color: #3c3c3c; line-height: 24px;}
.sm .smd1 dd h4 span { color: #2f9f33;}
.sm .smd1 dd h4 p { font-size: 18px; color: #3c3c3c; font-weight: normal; margin: 10px 0;}
.sm .smd1 dd h4 em { display: block; font: 10px "Arial"; color: #d2d3d2;}
.sm .smd1 .smp1 { width: 580px; font-size: 15px; color: #474848; line-height: 24px; margin-top: 30px; padding-left: 20px; background: url("../images/sm_11.png") no-repeat left 8px;}
.sm .smd1 .smp1 b { display: block; font-size: 16px; color: #2f9f33; margin-bottom: 10px;}
.sm .smd2 { position: relative; height: 390px;}
.sm .smd2 dt { position: absolute; left: 0; top: 0;}
.sm .smd2 dd { margin-left:400px; padding-left: 130px; background: url("../images/sm_17.jpg") no-repeat left 0;}
.sm .smd2 dd h4 { height: 99px; border-bottom: 1px solid #e9eae9; font-size: 24px; color: #3c3c3c; line-height: 24px;}
.sm .smd2 dd h4 span { color: #2f9f33;}
.sm .smd2 dd h4 p { font-size: 18px; color: #3c3c3c; font-weight: normal; margin: 10px 0;}
.sm .smd2 dd h4 em { display: block; font: 10px "Arial"; color: #d2d3d2;}
.sm .smd2 dd .smp1 { font-size: 15px; color: #474848; line-height: 24px; margin-top: 20px;}
.sm .smd3 { height: 225px;}
.sm .smd3 dd { height: 223px; padding-left: 145px; background: url("../images/sm_22.jpg") no-repeat left 0;}
.sm .smd3 dd h4 { height: 104px; border-bottom: 1px solid #e9eae9; font-size: 24px; color: #3c3c3c; line-height: 24px;}
.sm .smd3 dd h4 span { color: #2f9f33;}
.sm .smd3 dd h4 p { font-size: 18px; color: #3c3c3c; font-weight: normal; margin: 15px 0 10px;}
.sm .smd3 dd h4 em { display: block; font: 10px "Arial"; color: #d2d3d2;}
.sm .smd3 dd .smp1 { font-size: 15px; color: #474848; line-height: 24px; margin-top: 20px;}
.sm ul { height: 483px;}
.sm ul li { float: left;}
.sm ul li p { height: 150px; padding-left:125px;}
.sm ul li p em { display: block; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 24px; padding: 30px 0 20px;}
.sm ul li p span { display: block; font-size: 15px; color: #ffffff; line-height: 24px;}
.sm ul li:first-child p { background: #2f9f33;}
.sm ul li:last-child p { background: #dc321a;}
.sm .smz { position: absolute; left: 551px; bottom: 55px;}

.qs { height: 693px; background: url("../images/qsb.jpg") no-repeat center 0; overflow:hidden;}
.qs h3 { height: 151px;}
.qs h3 span { display: block; float: left; font-size: 40px; color: #2f9f33; line-height: 151px; margin-left: 418px;}
.qs h3 p { float: left; font-size: 17px; color: #2f9f33; font-weight: bold; margin: 56px 0 0 10px; line-height: 21px;}
.qsu li .qsp1 { background: #ffffff; height: 460px;}
.qsu li .qsp1 img { width: 636px; height: 240px;}
.qsu li .qsp1 em { display: block; height: 115px; font-size: 24px; color: #040000; font-weight: bold; line-height: 24px; padding: 35px 0 0 73px;}
.qsu li .qsp1 em span { display: block; margin-top: 20px; font-size: 18px; color: #3c3c3c;}
.qsu li .qsp1 i { display: block; font-size: 16px; color: #333333; font-weight: bold; margin-left: 490px;}
.qsu li .qsp2 { display: none;}
.qsu li .qsp2 em { display: block; position: absolute; left: 135px; top: 140px; text-align: center; font-size: 24px; color: #ffffff; font-weight: bold; width:400px; height:150px; background:rgba(0,0,0,0.7); padding-top:50px;}
.qsu li .qsp2 em span { display: block; font-size: 14px; margin: 20px 0 25px; font-weight:normal;}
.qsu li .qsp2 em i { display: block; font-size: 18px; color: #dc321a; font-weight:normal;}
.qsu li a:hover .qsp1 { display: none;}
.qsu li a:hover .qsp2 { display: block;}
.qsu { position: relative;width:1200px;left:50%;margin-left:-300px;}
.qsu li {float:left; position: relative;margin-right:10px; width:636px;overflow: hidden;}
.qsu .tempWrap{overflow: visible!important;margin:0 auto;}
.qs .qsj1 { position:absolute; left:550px; top:640px;}
.qs .qsj2 { position:absolute; left:585px; top:640px;}

.ss { height: 785px; overflow: hidden;}
.ss .ssk { padding-top: 99px;}
.ss .ssk dl { position: relative;}
.ss .ssk dt { position: absolute; left: 600px; top: 0;}
.ss .ssk dd { padding-top: 148px;}
.ss .ssk dd h3 { font-size: 36px; color: #3c3c3c; line-height: 36px; background: url("../images/ss_05.jpg") no-repeat 476px 0; padding-top: 15px;}
.ss .ssk dd h3 span { color: #2f9f33;}
.ss .ssk dd h3 p { font-size: 18px; color: #3c3c3c; margin-top: 20px;}
.ss .ssk dd em { display: block; width: 500px; font-size: 15px; color: #474848; line-height: 24px; margin-top: 20px;}
.ss .ssu { position: absolute; left: 0; top: 632px;}
.ss .ssu li { float: left; border-left: 2px solid #e8e8e8;}
.ss .ssu li p { height: 76px; font-size: 20px; color: #434343; text-align: center; line-height: 76px; font-weight: bold;}
.ss .ssu li:hover p,.ss .ssu .on p { color: #2f9f33;}
.ss .ssu li:last-child { border-right: 2px solid #e8e8e8;}
.ss .ssj1 { position: absolute; left: 442px; top: 632px;}
.ss .ssj2 { position: absolute; left: 442px; top: 709px;}

.ms { height: 317px; background: url("../images/msb.jpg") no-repeat center 0; overflow: hidden;}
.ms p { padding: 85px 0 0 310px; height: 123px;}
.ms p img { float: left;}
.ms p em { display: block; float: left; padding-left: 42px; border-left: 1px solid #cdcdcd; margin: 9px 0 0 38px; font-size: 40px; color: #3c3c3c; font-weight: bold; line-height: 40px;}
.ms p em span { color: #dc321a;}
.ms p em i { display: block; font-size: 18px; letter-spacing: 10px; margin-top: 20px; line-height: 18px;}
.ms b { display: block; font-size: 30px; color: #2f9f33; line-height: 34px; background: url("../images/mst2.png") no-repeat left center; padding-left: 50px; margin-left: 495px; letter-spacing: 2px;}

.dz { height: 648px; overflow: hidden;}
.dz h3 {font-size: 24px; color: #444444; line-height: 24px; padding: 85px 0 45px;}
.dz h3 p { font: 12px "Arial"; color: #989898; margin-top: 5px;}
.dz .dzq { height: 444px;}
.dzz { float: left; width: 700px; position: relative;}
.dzz dt { float: left; position: relative;}
.dzz dt span img { width: 281px; height: 179px;}
.dzz dt em { display: block; position: absolute; right: -34px; top: 20px;}
.dzz dd { float: left; width: 369px; margin-left: 50px;}
.dzz dd em { display: block; font-size: 12px; color: #b2b2b2;}
.dzz dd em b { display: block; font-size: 16px; color: #1bae1d; margin: 7px 0 5px;}
.dzz dd p { font-size: 15px; color: #474848; line-height: 21px; margin-top: 20px;}
.dzz .dzj1 { position: absolute; left: 330px; top: 320px;}
.dzz .dzj2 { position: absolute; left: 366px; top: 320px;}
.dzy { float: right; width: 402px;}
.dzy li { height: 40px;}
.dzy li p { font-size: 12px; float: left; color: #b2b2b2;}
.dzy li em { display: block; float: left; font-size: 16px; color: #474848; margin-left: 17px;}
.dzy li a:hover em { color: #2f9f33;}

.fs { height: 647px; background: url("../images/fsb.jpg") no-repeat; overflow: hidden;}
.fs h3 { font-size: 40px; color: #ffffff; line-height: 40px; margin-bottom: 30px; padding-top: 95px;}
.fs p { width: 418px; font-size: 16px; color: #ffffff; line-height: 24px; margin-bottom: 30px;}