html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;-webkit-text-size-adjust:100%!important;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;padding: 0;}
ul,ol,li{list-style: none;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

em,b{font-style:normal;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{width: 100%;height: 100%;vertical-align: top;}
input,button{border: none;outline: none;width: 100%;height: 100%}
button{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
input[type="text"] {font-family:  Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-variant: tabular-nums;}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {touch-action: manipulation;}
input[type=number], input[type=password], input[type=text], textarea {-webkit-appearance: none;}
input::-moz-placeholder {color: #bfbfbf;opacity: 1}
input:-ms-input-placeholder {color: #bfbfbf}
input::-webkit-input-placeholder {color: #bfbfbf}
:focus{outline:0!important}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"";line-height:0;}
.container{margin:0 auto;width:1200px;}
.form-cont{position: relative}
.form-input input{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .25s,box-shadow ease-in-out .2s;
    transition: border-color ease-in-out .25s,box-shadow ease-in-out .2s;
}


.pro{left:0;z-index:-1;width:100%;min-width:1200px;background-position:center;background-repeat:no-repeat;}
.pro-1{background-image: url("../img/1.jpg");height: 696px}
.pro-2{background-image: url("../img/2.jpg");height: 760px}
.pro-3{background-image: url("../img/3.jpg");height: 926px}
.pro-4{background-image: url("../img/4.jpg");height: 898px}
.pro-5{background-image: url("../img/5.jpg");height: 1160px}
.pro-6{background-image: url("../img/6.jpg");height: 826px}
.pro-7{background-image: url("../img/7.jpg");height: 1163px}
.pro-8{background-image: url("../img/8.jpg");height: 769px}

.pro-2 .form-cont .form-box{
    left: 603px;
    top: 530px;
    position: absolute;
    z-index: 1;
}
.pro-2 .form-input {
    width: 497px;
    height: 70px;
    line-height: 69px;
    position: relative;
    margin: 3px 3px 20px 3px;
}
.pro-2 .form-input label{position: absolute;padding: 22px 12px 22px 25px;line-height: 24px;font-size: 20px;color: #434343;}
.pro-2 .form-input input {
    position: absolute;
    height: 100%;
    width: 100%;
    padding-left: 135px;
    background: none;
    font-size: 18px;
    /* line-height: 56px; */
    color: #666;
    border: 1px solid #939393;
}
.pro-2 .form-input input:focus,.pro-10 .form-input input:hover{border: 1px solid #d53135;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #d53135;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #d53135;}
.pro-2 .form-input input:hover,.pro-10 .form-input input:hover{border: 1px solid #d53135;}
.form-input label{z-index: 1}
.pro-2 .form-cont .form-box form {}

.pro-2 .form-submit {
    width: 497px;
    height: 70px;
    margin: 19px 3px 3px;
}

.pro-2 .form-submit button {
    width: 100%;
    height: 100%;
    font-size: 23px;
    border: none;
    background: none;
    cursor: pointer;
    background-color: #e41410;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

.pro-6 .swiper-container .swiper-slide{color: #333}

.pro-6 .container{
    width: 1140px;
    /* background: #fff; */
}
.pro-6 .swiper-container .swiper-slide{width: 100%;margin-top: 97px;}

.swiper-1 {
    position: relative;
    top: 337px;
    left: -3px;
}
.swiper-pagination01 {
    position: relative;
    top: -300px;
    left: -51px;
    display:flex;
    justify-content: center;
    width: 1200px;
}
.swiper-pagination01 span:not(last-child){
    margin: 0 .1rem;
}
.swiper-pagination01 .swiper-pagination-bullet {
    width: 308px;
    height: 70px;
    /* line-height: 65px; */
    font-size: 20px;
    color: #333;
    text-align: center;
    background: none;
    border-radius: .3rem;
    display: block;
    opacity: 1;
}
.swiper-pagination01 span:first-child {width: 239px;}
.swiper-pagination01 span:nth-child(2){width: 344px}
.swiper-pagination01 span:nth-child(3){width: 311px}
.swiper-pagination01 span:last-child{width: 239px}
.swiper-pagination01 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: none;
    color: #ff0000;
}
.swiper-pagination01 span:before{
    font-size: 28px;
    font-weight: bold;
    display: block;
    height: 35px;
    line-height: 35px;
}
.swiper-pagination01 span:first-child:before {
    content: "项目齐全";
}
.swiper-pagination01 span:nth-child(2):before {
    content: "工艺基材";
}
.swiper-pagination01 span:nth-child(3):before {
    content: "名品主材";
}
.swiper-pagination01 span:last-child:before {
    content: "全屋定制";
}
.swiper-pagination01 span:after{
    display: block;
    height: 30px;
    font-size: 15px;
    color: #888;
    line-height: 30px;
}
.swiper-pagination01 span:first-child:after {
    content: "空间配置更全";
}
.swiper-pagination01 span:nth-child(2):after {
    content: "匠心品质更安全";
}
.swiper-pagination01 span:nth-child(3):after {
    content: "大牌明星爆款升级";
}
.swiper-pagination01 span:last-child:after {
    content: "欧松板定制欧标更环保";
}
.swiper-2{
    position: relative;
    top: 406px;
    left: -183px;
}
.pro-7 .swiper-container{width: 775px; height: 458px}
.swiper-pagination02 .swiper-pagination-bullet{width: 190px;height: 74px;border-radius: 5px;margin: 0 3px;text-align: center;padding-top: 9px;font-size: 22px;font-weight: bold;color: #fff;}

.swiper-pagination02.swiper-pagination-clickable.swiper-pagination-bullets {
    position: absolute;
    top: 296px;
    text-align: left;
    left: 5px;
}

.swiper-box {
    position: relative;
}

.swiper-pagination02 .swiper-pagination-bullet>span {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
.swiper-pagination02 .swiper-pagination-bullet{background: #0b5499;opacity: 1;}
.swiper-pagination02 .swiper-pagination-bullet-active{background: #e21210;}
.pro-11 .form-cont .form-box{
    left: 501px;
    top: 307px;
    position: absolute;
    z-index: 1;
}
.pro-11 .form-input {
    width: 681px;
    height: 76px;
    line-height: 76px;
    position: relative;
    margin: 3px 3px 14px 3px;
}
.pro-11 .form-input label{position: absolute;padding: 28px 10px 28px 25px;line-height: 19px;font-size: 20px;color: #434343;}
.pro-11 .form-input input {
    position: absolute;
    height: 100%;
    width: 100%;
    padding-left: 123px;
    background: none;
    font-size: 18px;
    line-height: 52px;
    color: #494949;
    border: 1px solid #d5d5d5;
}
.pro-11 .form-submit {
    width: 681px;
    height: 76px;
    margin: 19px 3px 3px;
}

.pro-11 .form-submit button {
    width: 100%;
    height: 100%;
    font-size: 16px;
    border: none;
    background: none;
    cursor: pointer;
}
.yuyue {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    position: relative
}

.yuyue .yuyue-btn {
    position: absolute;
    width: 337px;
    height: 65px;
    line-height: 59px;
    display: block;
    font-size: 24px;
    text-align: center;
    background: none;
    border-radius: 36px;
    cursor: pointer;
}

.pro-5 .yuyue .yuyue-btn {
    width: 397px;
    height: 73px;
    bottom: -843px;
    left: 396px;
}
.pro-6 .yuyue .yuyue-btn {
    bottom: -47px;
    left: 806px;
}
.pro-7 .yuyue .yuyue-btn {
    bottom: -215px;
    left: 805px;
}
.pro-8 .yuyue .yuyue-btn {
    bottom: -922px;
    left: 281px;
    width: 647px;
    height: 101px;
}
.pro-2 .form-submit .btn-red,.pro-11 .form-submit .btn-red{
    background-image: linear-gradient(top,#e21713 0%, #c30a07 100%);
    background-image: -moz-linear-gradient(top,#e21713 0%, #c30a07 100%);
    background-image: -o-linear-gradient(top,#e21713 0%, #c30a07 100%);
    background-image: -webkit-linear-gradient(top,#e21713 0%, #c30a07 100%)

}
.yuyue .yuyue-btn,.form-submit button{
    -webkit-text-fill-color: #fff;
    -webkit-transition: filter .5s;
    transition:filter .5s;
    filter:brightness(1);
    -webkit-filter:brightness(1);
}
.yuyue .yuyue-btn:hover,.form-submit button:hover{filter:brightness(1.15);-webkit-filter:brightness(1.15)}