@charset "utf-8";

/**
 *
 * @authors liping (you@example.org)
 * @date    2019-11-26 10:22:23
 * @version $id$
 */


html{ font-size: 100%}
body{ margin:0px; padding:0px; font:12px/1.75 "微软雅黑", "宋体",arial, verdana; font-size:12px;}
*{ margin:0; padding:0}
a img{ border:none;}
a,a:link,a:visited{  text-decoration:none; }
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;}
fieldset,img,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
image{ border:0;}  textarea{ resize:none;}  label{ cursor:pointer;}
.clear{ clear:both}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    resize: none;
    border: none;
}
input {
    font-family: 'microsoft yahei';
    border:0;/*去掉未选中边框*/
    outline:none;/*去掉选中边框*/
    background:none;/*透明背景色*/
}
button{
    border:0;
    outline:none;
    background:none;/*透明背景色*/

}
select{
    border:0;
    outline:none;
    background:none;/*透明背景色*/
}
select {
    border: none;
    outline: none;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.clearfix {zoom: 1;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    line-height: 0;
}
.pr {position: relative;overflow: hidden}
.container {position: relative;overflow-x: hidden;}
.mr10 {margin-right: 10px;}
.theme {width: 1110px;position: absolute;left: 50%;top: 80px;z-index: 10;margin-left: -550px;}
.logos {width: 379px;position: absolute;left: 5%;top: 60px;z-index: 10;}
.slogan {width: 970px;position: absolute;left: 50%;top: 770px;margin-left: -548px;}
.time {width: 280px;position: absolute;left: 50%;top: 600px;margin-left: -548px;}
.yh {width: 820px;position: absolute;left: 50%;top: 560px;margin-left: -410px;}

.item {width: 100%;position: relative;}
.item01 {height: 600px;background: url(/uploads/image/xzcimages/project_01.jpg) no-repeat center center;}
.item02 {height: 600px;background: url(/uploads/image/xzcimages/project_02_1.jpg) no-repeat center center;}
.item03 {height: 600px;background: url(/uploads/image/xzcimages/project_03.jpg) no-repeat center center;}
.item04 {height: 600px;background: url(/uploads/image/xzcimages/project_04.jpg) no-repeat center center;}
.item05 {height: 600px;background: url(/uploads/image/xzcimages/project_05.jpg) no-repeat center center;}
.item06 {height: 600px;background: url(/uploads/image/xzcimages/project_06.jpg) no-repeat center center;}
.item07 {height: 600px;background: url(/uploads/image/xzcimages/project_07.jpg) no-repeat center center;}
.item08 {height: 600px;background: url(/uploads/image/xzcimages/project_08.jpg) no-repeat center center;}
.item09 {height: 600px;background: url(/uploads/image/xzcimages/project_09.jpg) no-repeat center center;}
.item10 {height: 600px;background: url(/uploads/image/xzcimages/project_10.jpg) no-repeat center center;}
.item11 {height: 600px;background: url(/uploads/image/xzcimages/project_11.jpg) no-repeat center center;}
.item12 {height: 600px;background: url(/uploads/image/xzcimages/project_12.jpg) no-repeat center center;}
.item13 {height: 600px;background: url(/uploads/image/xzcimages/project_13.jpg) no-repeat center center;}
.item14 {height: 600px;background: url(/uploads/image/xzcimages/project_14.jpg) no-repeat center center;}
.item15 {height: 600px;background: url(/uploads/image/xzcimages/project_15.jpg) no-repeat center center;}
.item16 {height: 600px;background: url(/uploads/image/xzcimages/project_16.jpg) no-repeat center center;}
.item17 {height: 600px;background: url(/uploads/image/xzcimages/project_17.jpg) no-repeat center center;}
.item18 {height: 600px;background: url(/uploads/image/xzcimages/project_18.jpg) no-repeat center center;}
.item19 {height: 600px;background: url(/uploads/image/xzcimages/project_19.jpg) no-repeat center center;}
.item20 {height: 197px;background: url(/uploads/image/xzcimages/project_20.jpg) no-repeat center center;}
.btn_group {width: 1000px;position: absolute;left: 50%;margin-left: -500px;top: 80px;overflow: hidden;}
.btn_group .btn {float: left;margin-right: 25px}
.btn_group .btn_03 {margin-right: 0;}
.per {width: 436px;position: absolute;left: 50%;top: 400px;margin-left: -8px;z-index: 10;}

.vouchers {width: 216px;position: absolute;left: 50%;top: 522px;margin-left: -512px;z-index: 10;}
.gift {width: 320px;position: absolute;left: 50%;top: 206px;margin-left: 185px;z-index: 10;}

.yh_wrap {width: 1138px;position: absolute;left: 50%;margin-left: -569px;top: 450px;}
.yh_wrap .yh {margin-bottom: 55px;}

#baoming {width: 400px;position: absolute;left: 50%;margin-left: -200px;bottom: 230px;cursor: pointer;}

.yuyue {width: 1080px;position: absolute;left: 50%;margin-left: -540px;top: 180px;}
.input_wrap {overflow: hidden;margin-bottom: 65px;}
.input_wrap .item {width: 254px;height: 56px;border: 2px solid #f9e7bd;float: left;margin-right: 12px;}
.input_wrap .item .nomr {margin-right: 0;}
.input_wrap .item input {width: 100%;height: 100%;color: #f9e7bd;text-align: center;font-size: 20px;}

input::-webkit-input-placeholder { /* webkit browsers */
    color: #51281b;
    font-size: 18px;
}
input:-moz-placeholder { /* mozilla firefox 4 to 18 */
    color: #51281b;
    font-size: 18px;
}
input::-moz-placeholder { /* mozilla firefox 19  */
    color: #51281b;
    font-size: 18px;
}
input:-ms-input-placeholder { /* internet explorer 10  */
    color: #a27d6b;
    font-size: 18px;
}
.yuyue button {
    width: 260px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background-color: #f9e7bd;
    font-size: 30px;
    color: #be251b;
    text-align: center;
    display: block;
    cursor: pointer;
}
.zt_form {
    width: 1240px;
    position: absolute;
    left: 50%;
    top: 5%;
    margin-left: -670px;
}
.zt_form_l {
    width: 505px;
    float: right;
}
.zt_form_l .yuyue_num {
    margin: 32px 0 10px;
    text-align: center;
    font-size: 28px;
    color: #8f5d43;
    letter-spacing: 1px;
}
.zt_form_l .swiper-container {
    width: 490px;
    height: 35px;
    background: #ffc198;
    border-radius: 35px;
    overflow: hidden;
}
.zt_form_l .swiper-slide {
    width: 490px;
    height: 35px;
    line-height: 35px;
}
.zt_form_l .swiper-slide p {
    font-size: 20px;
    color: #854e31;
    text-align: center;
}

.zt_form_r {
    width: 560px;
    float: left;
    margin-top: 50px;
}

.type {
    margin: 45px 0 26px;
}
.new, .old {
    position: relative;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.new {
    margin-left: 100px;
    margin-right: 130px;
}
.type label {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-left: 30px;
    cursor: pointer;
    color: #8f5d43;
}
.type input {
    z-index: 3;
    position:
            absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto; /* 这里及以上的定位，可以让该元素竖直居中。(top: 0; bottom: 0;) */
    opacity: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.type span {
    position: absolute;
    top: 0; bottom: 0;
    left: 0px;
    margin: auto;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #8f5d43;
    border-radius: 50%;
    cursor: pointer;
}
.type .active span {
    border: 1px solid #f50000;
    background-color: #f50000;
    padding:-5px;
}
.type .active label {
    color: #f50000;
}

.zt_form_r .yuyue-item {
    width: 560px;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-bottom: 27px;
}
.zt_form_r .queryoffer .form-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.zt_form_r .queryoffer .form-item .label, .form-item .label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    padding-left: 20px;
    color: #7f7067;
}
.zt_form_r .queryoffer .form-item .label span {
    color: #f00;
}
.zt_form_r .queryoffer .form-item input, .form-item input {
    padding-left: 170px !important;
}
.queryoffer .danwei {
    width: 130px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #f40000;
    color: #fff;
    font-size: 22px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
}
.queryoffer .form-item .notice {
    width: 120px;
    height: 60px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 10px;
    background: #f40000;
    color: #fff;
    text-align: center;
}
.queryoffer .form-item .notice p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
}
.queryoffer .form-item .notice p:nth-child(1) {
    padding-top: 8px;
}
.zt_form_r .queryoffer .form-item input,.zt_form_r .queryoffer .form-item-submit button {
    width: 560px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    color: #854e31;
    background: #fff;
    padding: 0 10px;
    padding-left: 20px;
    text-align: left;
    position: relative;
}
.zt_form_r .queryoffer .form-item select {
    padding-right: 0;
    width: 252px;
    /**width: 198px;!*ie7*!*/
    height: 70px;
    font-size: 18px;
    color: #51281b;
    padding: 19px 0 19px 10px;
    vertical-align: middle;
    padding-left: 20px;
    /*background: transparent;*/
    font-family: auto;
}
.zt_form_r .queryoffer .form-item-province,.zt_form_r .queryoffer .form-item-city {
    background-color: #fff;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 220px center;
}
.zt_form_r .queryoffer .form-item-province,.zt_form_r .queryoffer .form-item-city {
    background: none\9;
    float: left;
    width: 270px;
}
.zt_form_r .queryoffer .form-item-city {
    background: none\9;
    float: right;
}

.zt_form_r .queryoffer .form-item-submit {
    text-align: center;
    border: none;
}
.zt_form_r .queryoffer .form-item-submit button {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #000051 !important;
    font-size: 18px;
    cursor: pointer;
    display: block;
    border: none !important;
    font-size: 28px;
    border-radius: 10px;
}
.form-item-submit .form_submit {
    background: #ed281c !important;
}


.form_footer {
    width: 1280px;
    height: 317px;
    position: absolute;
    left: 50%;
    top: 14%;
    margin-left: -640px;
}
.form_footer .queryoffer {
    margin: 30px auto 0;
    overflow: hidden;
}
.form_footer .queryoffer .yuyue-item {
    margin-right: 40px;
    height: 70px;
    float: left;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}
.form_footer .queryoffer .yuyue-item:nth-child(2),.form_footer .queryoffer .yuyue-item:nth-child(3),.form_footer .queryoffer .yuyue-item:nth-child(6){
    margin-right: 0;
}
.form_footer .queryoffer .yuyue-item .form-item {
    width: 620px;
    height: 70px;
    background: #fff;
    position: relative;
}
.form_footer .queryoffer .form-item-province, .form_footer .queryoffer .form-item-city {
    float: left;
    width: 185px;
    height: 70px;
    background: #ffefd7;
    background-position: 560px center !important;
}
.form_footer .queryoffer .form-item-province {
    margin-right: 40px;
}
.form_footer .queryoffer .yuyue-item .form-item input,.form_footer .queryoffer .yuyue-item .form-item select {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #a27d6b;
    font-family: auto;
}
.queryoffer .yuyue-item .form-item select {
    background:transparent;
}
.form_footer .queryoffer .yuyue-item .form-item input {
    padding-left: 20px;
    box-sizing: border-box;
}

.form_footer .queryoffer .yuyue-item select {
    padding-right: 0;
    width: 100%;
    /**width: 198px;!*ie7*!*/
    height: 70px;
    font-size: 18px;
    color: #333;
    padding: 19px 0 19px 10px;
    vertical-align: middle;
    padding-left: 20px;
    background: transparent;
}
.form_footer .queryoffer .yuyue-item .form-item-province,.form_footer .queryoffer .yuyue-item .form-item-city {
    background-color: #fff;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 480px center;
    border-radius: 10px;
}
.form_footer .queryoffer .form-item-submit {
    float: left;
}

.form_footer .queryoffer .form-item-submit button {
    width: 620px;
    height: 70px;
    text-align: center;
    color: #fff !important;
    font-size: 26px;
    cursor: pointer;
    display: block;
    border: none !important;
    border-radius: 10px;
}

#newbridge {
    display: none !important;
}

.ffloat {
    display: none !important;
}

/*slide*/
.sidebar {width: 170px;position: fixed;right: 10px;top: 11%;z-index: 1000;display: none;}
.sidebar .slide {width: 100%;}
.sidebar a {display: block;}
.sidebar a.top {
    width: 135px;
    height: 67px;
    position: absolute;
    left: 19px;
    top: 338px;
    text-indent: -9990px;
}


/*透明度变化*/
.flsh { -webkit-animation: flashgh 6s .5s ease both infinite; -moz-animation: flashgh 4s .2s ease both infinite; animation: flashgh 4s .2s ease both infinite; }
@-webkit-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-moz-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-o-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-ms-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}

@media screen and (max-width:1200px) {

}