@charset "utf-8";

/*inside-content*/

.inside-content{height: auto;}

.inside-content .left{width: 890px}

.inside-content .right{width: 285px;height: auto;overflow: hidden;}



.pro-list{width: 100%;height: auto;overflow: hidden;}

.pro-list ul li{float: left;width: 887px;padding-left: 3px;height: auto;margin-bottom: 15px;overflow: hidden;border-bottom: 1px solid #bfbfbf;padding-bottom: 18px;padding-top: 2px;}

.pro-list ul li .pic{width: 343px;height: 246px;position: relative;float: left;transition: .3s; }

.pro-list ul li:hover .pic{box-shadow:0px 0 5px 2px #cac9c9;}

.pro-list ul li:hover .intro .t h4{color:#1a6bf1;}

.pro-list ul li:hover .intro .t a.btnck{background: #1a6bf1;}

.pro-list ul li .pic:after{content: "";width: 60px;height: 40px;background: url(../images/icon.png) -183px bottom;position: absolute;left: 10px;top: 0;}

.pro-list ul li .pic img{display: block;width: 343px;height: 246px;}

.pro-list ul li .intro{float: right;width: 530px;height: auto;overflow: hidden;}

.pro-list ul li .intro .t {width: 100%;border-bottom: 1px solid #e5e5e5;height: 92px;overflow: hidden;}

.pro-list ul li .intro .t i{float: left;width: 27px;display: block;height: 30px;font-style: normal;color:#fff;text-align: center;line-height: 25px;font-size: 14px;background: url(../images/icon.png) -275px bottom;}

.pro-list ul li .intro .t h4{font-size: 20px;float: left;color:#333333;float: left;margin-left: 5px;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 270px;}

.pro-list ul li .intro .t h4 a:link{color:#333333;}

.pro-list ul li .intro .t h4 a:visited{color:#333333;}

.pro-list ul li .intro .t h4 a:hover{color:#1a6bf1;}

.pro-list ul li .intro .t span{display: block;float: left;font-size: 12px;color:#ff820c;margin-top: 8px;float: left;margin-left: 5px;}

.pro-list ul li .intro .t a.btnck{display: block;float: right;width: 130px;height: 35px;background: #ff820c;text-align: center;line-height: 35px;color:#fff;font-size: 15px;border-radius: 5px;}

.pro-list ul li .intro .t p{float: left;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color:#555555;margin-top: 20px;}

.pro-list ul li .intro .info{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}

.pro-list ul li .intro .info p{font-size: 14px;color:#555555;float: left;width: 220px;line-height:25px;margin-bottom: 5px;}

.pro-list ul li .intro .info p:nth-child(2n){float: right;}

.pro-list ul li .intro .info p span{color:#ff820c;}





/*zhaochangdi*/

.zhaochangdi{}

.zhaochangdi .top{font-size: 16px;background:url(../images/ico03.png) no-repeat 200px 2px #007fff;padding: 10px;color: #fff; height: 80px; box-sizing: border-box;padding-top:15px}

.zhaochangdi .top span{font-size: 14px;display: block;line-height: 180%}

.zhaochangdi .right-cont {

    width: 100%;

    height: 390px;

    padding-top: 20px;

    padding-left: 17px;

    border: 1px solid #e6e6e6;

    border-top: none

}



.zhaochangdi .right-cont .right-form-cont .select-wrap {

    width: 262px;

    height: 40px;

    padding-top: 11px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap .select-cont .arrow {

    top: 6px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.has-data {

    padding: 0

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont {

    height: 40px;

    padding-top: 12px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont .arrow {

    top: 18px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont.select-start-date .value {

    padding-left: 5px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-budget.active .select-pull,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-city.active .select-pull,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-num.active .select-pull,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other.active .select-pull,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.active .select-pull,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-type.active .select-pull {

    width: 262px;

    top: 40px;

    left: 0

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-budget.active .select-push,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-city.active .select-push,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-num.active .select-push,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other.active .select-push,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-time.active .select-push,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-type.active .select-push {

    bottom: 40px;

    width: 277px;

    left: 0

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other.active .select-pull .select-options li,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other.active .select-push .select-options li {

    width: 110px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-city.active .select-pull .select-options li,

.zhaochangdi .right-cont .right-form-cont .select-wrap.select-city.active .select-push .select-options li {

    width: 52px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other .select-cont .value {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 200px

}



.zhaochangdi .right-cont .right-form-cont .select-wrap.select-other .select-options-foot {

    width: 246px

}



.zhaochangdi .right-cont .right-form-submit {

    width: 262px;

    height: 42px;

    text-align: center;

    background-color: #08bf45;

    font-size: 14px;

    line-height: 42px;

    color: #fff;

    cursor: pointer

}







.inside-content .right{width: 285px;height: auto;background-color: #fff;box-sizing: border-box;}





.inside-content .right .top-banner {

    padding-left: 16px;

    padding-top: 23px;

    height: 80px;

    width: 100%;

    position: relative;

    background-color: #1a6bf1;

    background-image: -webkit-gradient(linear, left top, right top, from(#1a6bf1), to(#1a6bf1));

    background-image: linear-gradient(90deg, #1a6bf1, #1a6bf1);box-sizing: border-box;

}



.inside-content .right .top-banner .mes {

    color: #fff;

    font-size: 18px;

    line-height: 18px;

    margin-bottom: 10px;

    font-weight: 500

}



.inside-content .right .top-banner .tip {

    font-size: 12px;

    color: #fff;

    font-weight: 300

}



.inside-content .right .top-banner .tip .point {

    font-weight: 500

}



.inside-content .right .top-banner .people-img {

    position: absolute;

    width: 74px;

    height: 78px;

    bottom: 0;

    right: 0;

    background-image: url("../images/form-top-img.png");

    background-image: -webkit-image-set(url("../images/form-top-img.png") 1x, url("../images/form-top-img@2x.png") 2x)

}





.inside-content .right form{    width: 100%;

    padding-top: 20px;

    padding-left: 12px;

    border: 1px solid #e6e6e6;

    border-top: none;box-sizing: border-box;    padding-right: 12px;}



.inside-content .right form ul{}



.inside-content .right form ul li{border-bottom: 1px #efefef dashed;padding-bottom: 20px}

.inside-content .right form ul li .city{ display: flex;flex-wrap: wrap;justify-content:space-around; }

.inside-content .right form ul li .city select{width: 30%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;padding: 5px}



.inside-content .right form ul li p{display: block;line-height: 240%;font-size: 16px;font-weight: bold;color: #666}



.inside-content .right form ul .chrs{ display: flex;flex-wrap: wrap;justify-content:flex-start; }

.inside-content .right form ul .chrs select{width: 100%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;padding: 5px}



.inside-content .right form ul .hydata{ }

.inside-content .right form ul .hydata input{display: block;width: 100%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;}





.inside-content .right form ul .cfkind{ display: flex;flex-wrap: wrap;justify-content:flex-start; }

.inside-content .right form ul .cfkind select{width: 100%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;padding: 5px}



.inside-content .right form ul .cbys{ display: flex;flex-wrap: wrap;justify-content:flex-start; }

.inside-content .right form ul .cbys select{width: 100%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;padding: 5px}



.inside-content .right form ul .req{ display: flex;flex-wrap: wrap;justify-content:space-around; }

.inside-content .right form ul .req label{width:48%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;padding: 5px;box-sizing: border-box;margin-bottom: 10px}

.inside-content .right form ul .req label input{border: 1px solid #f5f5f5;padding: 3px;margin: 0 10px}



.inside-content .right form ul .phone{ }

.inside-content .right form ul .phone input{display: block;width: 100%;border:1px solid #b3b3b3;line-height: 240%;font-size: 14px;}



.inside-content .right form .btn{    width: 100%;

    height: 42px;

    text-align: center;

    background-color: #ff9e02;

    font-size: 14px;

    line-height: 42px;

    color: #fff;

    cursor: pointer;border: none;margin: 10px 0}