@charset "utf-8";

body{
    width: 100%;
}
.banner{
    width: 100%;
    height: 660px;
    position: relative;
    overflow: hidden;
}
.banner .banner_box{
    width: 1920px;
    height: 660px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.banner .banner_box .light{
    width: 245px;
    height: 339px;
    background: url("../images/product/banner_light.png") no-repeat center;
    position: absolute;
    top: 0;
    right: 436px;
}
.banner .banner_box .banner_cont{
    width: 1150px;
    height: 477px;
    background: url("../images/product/banner_bg.png") no-repeat center;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -612px;
    padding-left: 75px;
}
.banner .banner_box .banner_cont .logo{
    width: 183px;
    height: 43px;
    background: url("../images/product/logo.png") no-repeat center;
    position: absolute;
    right: 79px;
    bottom: -10px;
}
.banner .banner_box .banner_cont .title_box{
    height: 104px;
    margin-top: 96px;
}
.banner .banner_box .banner_cont .title_box .title{
    font-size: 104px;
    font-weight: bold;
    text-shadow: 0 2px 5px rgba(102,37,128,.5);
    color: #662580;
    line-height: 100%;
    margin-right: 32px ;
}
.banner .banner_box .banner_cont .title_box .title_label{
    width: 110px;
    padding-top: 10px;
}
.banner .banner_box .banner_cont .title_box .title_label .s1{
    display: block;
    width: 102px;
    height: 41px;
    font-size: 34px;
    font-weight:bold;
    line-height: 41px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    color: #662580;
    background: #fff100;
    margin: 0 auto;
}
.banner .banner_box .banner_cont .title_box .title_label .s2{
    display: block;
    width: 110px;
    height: 48px;
    font-size: 30px;
    font-weight:bold;
    line-height: 48px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(102,37,128,.5);
    color: #febf00;
    background: #662580;
}
.banner .banner_box .banner_cont .line{
    display: block;
    width: 60px;
    border-bottom:5px solid #662580 ;
    margin: 33px 0 27px;
}
.banner .banner_box .banner_cont .son_title_a{
    font-size: 44px;
    text-align: left;
    color: #662580;
    line-height: 100%;
    margin-bottom: 10px;
}
.banner .banner_box .banner_cont .son_title_b{
    font-size: 18px;
    text-align: left;
    color: #662580;
    line-height: 100%;
    margin-bottom: 44px;
}
.banner .banner_box .banner_cont .detail{
    font-size: 30px;
    color: #fff;
    line-height: 100%;
    text-align: left;
}
.banner .banner_box .banner_cont .detail span{
    padding: 0 10px;
}

.visit{
    width: 100%;
    background: #f6f6f6;
    overflow: visible;
}
.visit .visit_box{
    height: 557px;
    overflow: visible;
}
.visit .visit_box .advantage{
    width: 836px;
    height: 397px;
    position: relative;
    margin: 80px 0 0 95px;
}
.visit .visit_box .advantage .advantage_of{
    width: 252px;
    height: 397px;
    position: absolute;
    top: 150px;
    background: #fff;
}
.visit .visit_box .advantage .advantage_of .advantage_tatile{
    font-size: 30px;
    color: #3e3a39;
    line-height: 100%;
    text-align: center;
    margin-top: 160px;
}
.visit .visit_box .advantage .advantage_of .img{
    width: 100%;
    height: 194px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.visit .visit_box .advantage .advantage_of .img img{
    position: absolute;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    margin: auto;
}
.visit .visit_box .advantage .advantage_of .advantage_detail{
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 8px;
    line-height: 18px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.visit .visit_box .advantage .weigh{
    background: url("../images/product/advantage_1_1.png") no-repeat center 22px #fff;
}
.visit .visit_box .advantage .weigh .advantage_detail{
    background: rgba(1,143,229,.7);
}
.visit .visit_box .advantage .greed{
    background: url("../images/product/advantage_2_1.png") no-repeat center 22px #fff;
    left: 292px;
}
.visit .visit_box .advantage .greed .advantage_detail{
    background: rgba(56,113,74,.7);
}
.visit .visit_box .advantage .reliable{
    background: url("../images/product/advantage_3_1.png") no-repeat center 22px #fff;
    right: 0;
}
.visit .visit_box .advantage .reliable .advantage_detail{
    background: rgba(228,52,52,.7);
}
.visit .visit_box .visit_apply{
    width: 324px;
    height: 400px;
    margin: 77px 0 0 20px;
    box-shadow: 10px 10px 20px #c1c1c1;
}
.visit .visit_box .visit_apply h4{
    height: 49px;
    font-size: 20px;
    font-weight: bold;
    color: #131313;
    text-align: center;
    line-height: 49px;
    background: url("../images/product/visit_dd.png") no-repeat 42px center;
    margin-top: 30px;
}
.visit .visit_box .visit_apply .hint_t{
    font-size: 14px;
    color: #f49518;
    text-align: center;
    line-height: 100%;
    margin: 14px auto 20px;
}
.visit .visit_box .visit_apply .form{
    width: 250px;
    margin: 0px auto;
}
.visit .visit_box .visit_apply .form input{
    width: 250px;
    height: 40px;
    border: 1px solid #a0a0a0;
    padding-left: 35px;
    line-height: 40px;
    box-shadow: 5px 5px 10px #c1c1c1;
    margin-bottom: 15px;
}
.visit .visit_box .visit_apply .form .user{
    background: url("../images/product/visit_user.png") no-repeat 7px #fff;
}
.visit .visit_box .visit_apply .form .tel{
    background: url("../images/product/visit_tel.png") no-repeat 7px #fff;
}
.visit .visit_box .visit_apply .form .visit_btn{
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #131313;
    text-align: center;
    line-height: 40px;
    background: #ffc000;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #c1c1c1;
    cursor: pointer;
}
.visit .visit_box .visit_apply .pass{
    width: 100%;
    border-top: 1px dashed #dcdcdc;
    padding-top: 16px;
    margin-top: 19px;
}
.visit .visit_box .visit_apply .pass p{
    font-size: 16px;
    color: #e91b1b;
    text-align: center;
    line-height: 100%;
}

.visit .visit_box .visit_apply .pass .roll_box{
    height: 40px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}
.visit .visit_box .visit_apply .pass .roll{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: 5s roll linear infinite;
}
@keyframes roll {
    0%{
        top: 0;
    }
    100%{
        top: -140px;
    }
}
.visit .visit_box .visit_apply .pass .roll li{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #4e4e4e;
    line-height: 100%;
    padding-left: 50px;
    text-align: left;
}
.visit .visit_box .visit_apply .pass .roll li .span1{
    display: inline-block;
    width: 50px;
    text-align: left;
}
.visit .visit_box .visit_apply .pass .roll li .span2{
    display: inline-block;
    padding-left: 20px;
    color: #e91b1b;
}

.Forum_title{
    width: 100%;
}
.Forum_title h3{
    font-size: 54px;
    color: #5e2276;
    text-align: center;
    line-height: 100%;
    margin-bottom: 24px;
}
.Forum_title p{
    font-size: 30px;
    color: #282828;
    text-align: center;
    line-height: 100%;
}

.allocation{
    width: 100%;
}
.allocation .allocation_title{
    width: 100%;
    height: 185px;
    background: url("../images/product/bias_bg.png") repeat #efefef;
    padding-top: 55px;
}
.allocation .allocation_option_btn{
    width: 100%;
    height: 100px;
    position: relative;
}
.allocation .allocation_option_btn .top_bg{
    width: 1278px;
    height: 40px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -639px;
    background: url("../images/product/allocation_bg1.png") no-repeat center;
}
.allocation .allocation_option_btn .btn_list{
    height: 100px;
}
.allocation .allocation_option_btn .btn_list .option_of{
    width: 120px;
    height: 30px;
    float: left;
    padding-top: 70px;
    margin: 0 6px;
    font-size:  18px;
    line-height: 100%;
    text-align: center;
    color: #908b87;
    cursor: pointer;
}
.allocation .allocation_option_btn .btn_list li.on{
    color: #fd5252;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(1){
    background-image: url("../images/product/allocation_btn_1_1.png");
    background-repeat: no-repeat;
    background-position: center 12px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(2){
    background: url("../images/product/allocation_btn_2_1.png");
    background-repeat: no-repeat;
    background-position: center 12px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(3){
    background: url("../images/product/allocation_btn_3_1.png");
    background-repeat: no-repeat;
    background-position: center 9px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(4){
    background: url("../images/product/allocation_btn_4_1.png");
    background-repeat: no-repeat;
    background-position: center 9px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(5){
    background: url("../images/product/allocation_btn_5_1.png");
    background-repeat: no-repeat;
    background-position: center 5px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(6){
    background: url("../images/product/allocation_btn_6_1.png");
    background-repeat: no-repeat;
    background-position: center 9px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(7){
    background: url("../images/product/allocation_btn_7_1.png");
    background-repeat: no-repeat;
    background-position: center 0px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(8){
    background: url("../images/product/allocation_btn_8_1.png");
    background-repeat: no-repeat;
    background-position: center 12px;
}
.allocation .allocation_option_btn .btn_list .option_of:nth-child(9){
    background: url("../images/product/allocation_btn_9_1.png");
    background-repeat: no-repeat;
    background-position: center 12px;
}
.allocation .allocation_box{
    width: 100%;
    height: 778px;
    position: relative;
}
.allocation .allocation_box .prev,.allocation .allocation_box .next{
    position: absolute;
    width: 30px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
}
.allocation .allocation_box .prev{
    left: 5%;
    background: url("../images/product/banner_prev.png") no-repeat center rgba(0,0,0,.6);
}
.allocation .allocation_box .next{
    right: 5%;
    background: url("../images/product/banner_next.png") no-repeat center rgba(0,0,0,.6);
}
.allocation .allocation_list{
    width: 100%;
    height: 778px;
    position: relative;
    overflow: hidden;
}
.allocation .allocation_list .allocation_of{
    width: 1920px;
    height: 778px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    display: none;
}
.allocation .allocation_list .show{
    display: block;
}
.allocation .allocation_list .allocation_of .big_img{
    width: 100%;
    height: 100%;
}
.allocation .allocation_list .allocation_of .brand_show{
    width: 274px;
    padding: 20px 0;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    z-index: 2;
    display: none;
}
.allocation .allocation_list .allocation_of .brand_show .logo_img{
    display: block;
    margin: 0 auto 10px;
}
.allocation .allocation_list .allocation_of .brand_show p{
    padding: 0 20px;
    font-size: 16px;
    color: #494949;
    line-height: 26px;
}
.allocation .allocation_list .allocation_of .sign{
    width: 35px;
    height: 45px;
    background: url("../images/product/allocation_sign.png") no-repeat center;
    position: absolute;
    z-index: 2;
    animation: opcity 1s ease-out infinite;
}
@keyframes opcity {
    0%{
        opacity: 1;
    }
    50%{
        opacity: .4;
    }
    100%{
        opacity: 1;
    }
}
.allocation .allocation_list .allocation_of .up{
    width: 158px;
    height: 23px;
    background: url("../images/product/allocation_up.png") no-repeat center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -79px;
    cursor: pointer;
    animation: up 1.5s ease-out infinite;
    display: none;
}
@keyframes up {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}
.allocation .allocation_list .allocation_of .brand_table{
    width: 834px;
    padding: 48px 0 40px;
    background: rgba(0,0,0,.8);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -417px;
}
.allocation .allocation_list .allocation_of .brand_table .down{
    width: 158px;
    height: 23px;
    background: url("../images/product/allocation_down.png") no-repeat center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -79px;
    cursor: pointer;
}
.allocation .allocation_list .allocation_of .brand_table ul{
    padding: 0 28px;
}
.allocation .allocation_list .allocation_of .brand_table ul li{
    height: 34px;
    font-size: 12px;
    color: #c6c6c6;
    border-top: 2px solid rgba(100,100,100,.3);
}
.allocation .allocation_list .allocation_of .brand_table ul .three_line{
    height: 48px;
}
.allocation .allocation_list .allocation_of .brand_table ul li p{
    font-size: 12px;
    color: #c6c6c6;
    text-align: left;
    line-height: 34px;
}
.allocation .allocation_list .allocation_of .brand_table ul .three_line p{
    line-height: 48px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .tow{
    line-height: 17px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .three{
    line-height: 16px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .type{
    width: 136px;
    margin-left: 6px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .brand{
    width: 135px;
    margin-right: 46px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .quantity{
    width: 80px;
}
.allocation .allocation_list .allocation_of .brand_table ul li .explain{
    width: 350px;
}
.allocation .allocation_list .allocation_of .brand_table ul .category{
    border: none;
}
.allocation .allocation_list .allocation_of .brand_table ul .category p{
    font-size: 16px;
    font-weight:bold;
}
.allocation .allocation_list .bedroom .show_a{
    top: 136px;
    left: 480px;
    width: 300px;
    padding-bottom: 0px;
}
.allocation .allocation_list .bedroom .show_b{
    top: 145px;
    right: 510px;
    width: 300px;
}
.allocation .allocation_list .bedroom .sign_a{
    top: 336px;
    left: 598px;
}
.allocation .allocation_list .bedroom .sign_b{
    top: 288px;
    right: 620px;
}
.allocation .allocation_list .bedroom .parts{
    display: block;
    width: 128px;
    height: 126px;
    margin: -5px auto -15px;
    background: url("../images/product/allocation_parts_1.png") no-repeat center;
}
.allocation .allocation_list .lobby .show_a{
    top: 406px;
    left: 390px;
    width: 191px;
    padding-left: 85px;
}
.allocation .allocation_list .lobby .show_b{
    top: 120px;
    right: 390px;
    width: 290px;
}
.allocation .allocation_list .lobby .sign_a{
    top: 542px;
    left: 504px;
}
.allocation .allocation_list .lobby .sign_b{
    top: 345px;
    right: 500px;
}
.allocation .allocation_list .lobby .parts{
    width: 68px;
    height: 81px;
    background: url("../images/product/allocation_parts_2.png") no-repeat center;
    position: absolute;
    top: 20px;
    left: 20px;
}
.allocation .allocation_list .dining .show_a{
    top: 420px;
    left: 364px;
    width: 245px;
}
.allocation .allocation_list .dining .sign_a{
    top: 572px;
    left: 462px;
}
.allocation .allocation_list .kitchen .show_a{
    top: 338px;
    left: 1282px;
    width: 296px;
    padding: 10px ;
}
.allocation .allocation_list .kitchen .sign_a{
    top: 480px;
    right: 460px;
}
.allocation .allocation_list .toilet .show_a{
    top: 110px;
    left: 638px;
    width: 250px;
}
.allocation .allocation_list .toilet .sign_a{
    top: 260px;
    left: 742px;
}
.allocation .allocation_list .child .show_a{
    top: 116px;
    left: 447px;
    width: 291px;
}
.allocation .allocation_list .child .sign_a{
    top: 270px;
    left: 574px;
}
.allocation .allocation_list .study .show_a{
    top: 550px;
    right: 428px;
    width: 220px;
}
.allocation .allocation_list .study .sign_a{
    top: 710px;
    right: 520px;
}
.allocation .allocation_list .balcony .show_a{
    top: 154px;
    left: 687px;
    width: 290px;
}
.allocation .allocation_list .balcony .sign_a{
    top: 90px;
    left: 830px;
}
.allocation .allocation_list .hallway .show_a{
    top: 506px;
    left: 1211px;
    width: 232px;
    text-align: center;
}
.allocation .allocation_list .hallway .sign_a{
    top: 450px;
    left: 1300px;
}

.import{
    width: 100%;
    overflow: hidden;
}
.import .import_title{
    width: 100%;
    height: 165px;
    background: url("../images/product/bias_bg.png") repeat #fff;
    padding-top: 120px;
}
.import .import_option_btn{
    width: 100%;
    background: #f6f6f6;
}
.import .import_option_btn .btn_list{
    height: 38px;
    overflow: visible;
}
.import .import_option_btn .btn_list li{
    height: 100%;
    float: left;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 38px;
    padding: 0 35px;
    margin: 0 5px;
    cursor: pointer;
}
.import .import_option_btn .btn_list li.on{
    height: 42px;
    line-height: 42px;
    background: #fff100;
    font-weight: bold;
    color: #614902;
    margin-top: -4px;
    border-radius: 10px 10px 0 0;
}
.import .import_list{
    width: 100%;
    height: 684px;
    position: relative;
    margin-bottom: 160px;
}
.import .import_list .import_of{
    width: 1920px;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -960px;
    display: none;
}
.import .import_list .import_of.show{
    display: block;
}
.import .import_list .import_of .big_img{
    width: 1920px;
    height: 350px;
    overflow: hidden;
}
.import .import_list .import_of .import_materials{
    width: 1200px;
    position: absolute;
    top: 164px;
    left: 50%;
    margin-left: -600px;
}
.import .import_list .import_of .import_materials .materials_of{
    width: 320px;
    margin: 0 40px;
}
.import .import_list .import_of .import_materials .materials_of .small_img{
    width: 316px;
    height: 316px;
    border-radius: 50%;
    border: 2px solid #fff100;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.import .import_list .import_of .import_materials .materials_of .small_img img{
    position: absolute;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    margin: auto;
}
.import .import_list .import_of .import_materials .materials_of .materials_logo{
    width: 100% ;
    height: 112px;
    position: relative;
    overflow: hidden;
}
.import .import_list .import_of .import_materials .materials_of .materials_logo img{
    position: absolute;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    margin: auto;
}
.import .import_list .import_of .import_materials .materials_of .details_list{
    padding-left: 70px;
}
.import .import_list .import_of .import_materials .materials_of .details_list.special{
    padding-left: 30px;
}
.import .import_list .import_of .import_materials .materials_of .details_list .details_of{
    font-size: 16px;
    color: #606060;
    line-height: 100%;
    line-height: 30px;
}
.import .import_list .import_of .import_materials .materials_of .details_list .details_of.beyond{
    width: 130%;
}
.import .import_list .import_of .import_materials .tile .details_list{
    padding-left: 30px;
}
.import .import_list .last{
    background: #eeeeee;
    overflow: hidden;
}
.import .import_list .last .title{
    font-size: 28px;
    font-weight: bold;
    color: #7b0000;
    text-align: center;
    line-height: 100%;
    margin: 66px auto 12px;
}
.import .import_list .last .son_title{
    font-size: 16px;
    color: #7b0000;
    text-align: center;
    line-height: 100%;
}
.import .import_list .last .line{
    display: block;
    width: 50px;
    border-bottom: 2px solid #7b0000;
    margin: 13px auto 40px;
}
.import .import_list .last .brand_wall{
    width: 1200px;
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
}
.import .import_list .import_of.paint .import_materials{
    width: 1000px;
    padding-left: 200px;
}
.import .import_list .import_of.cupboard .import_materials{
    width: 1000px;
    padding-left: 400px;
}
.import .import_list .import_of.ceiling .import_materials{
    width: 1000px;
    padding-left: 200px;
}

.unlimited{
    width: 100%;
    height: 530px;
    background: url("../images/product/bias_bg.png") no-repeat center #3d3d3d;
}
.unlimited .unlimited_box{
    height: 100%;
    background:url("../images/product/bias_bg_1.png") no-repeat top;
}
.unlimited .unlimited_box .title{
    font-size: 54px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 100%;
    margin-top: 50px;
}
.unlimited .unlimited_box .son_title{
    text-align: center;
    line-height: 44px;
    font-size: 30px;
    color: #fff;
    margin: 14px auto 63px;
}
.unlimited .unlimited_box .son_title span{
    display: inline-block;
    color: #ffc000;
    height: 44px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ffc000;
    margin-left: 18px;
}
.unlimited .unlimited_box .unlimited_list{

}
.unlimited .unlimited_box .unlimited_list .unlimited_of{
    width: 140px;
    border-radius: 10px;
    margin: 0 5px;
    overflow: hidden;
}

.unlimited .unlimited_box .unlimited_list .unlimited_of .img{
    width: 140px;
    height: 190px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.unlimited .unlimited_box .unlimited_list .unlimited_of .img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    margin:  auto;
    transition: all 0.2s ease-out;
}
.unlimited .unlimited_box .unlimited_list .unlimited_of:hover img{
    width: 103%;
    height: 103%;
}
.unlimited .unlimited_box .unlimited_list .unlimited_of .text{
    width:calc(100% - 2px);
    height: 47px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: bold;
    color: #dcdcdc;
    line-height: 47px;
    text-align: center;
}
.unlimited .unlimited_box .unlimited_list .unlimited_of .text.dual{
    line-height: 23px;
}

.all{
    width: 100%;
    position: relative;
}
.all .all_light{
    width: 70px;
    height: 247px;
    background: url("../images/product/all_light.png") no-repeat center;
    position: absolute;
    top: 0;
    right: 10%;
}
.all .all_box{
    padding-top: 100px;
}
.all .all_box .all_list{
    width: 1200px;
    height: 600px;
    margin-top: 60px;
}
.all .all_box .all_list .all_of{
    float: left;
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.all .all_box .all_list .all_of .num{
    width: 90px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 66px;
    font-weight: bold;
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-family: Helvetica, "Microsoft YaHei", Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, Heiti, SimSun, sans-serif;
}
.all .all_box .all_list .all_of .color_layer{
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.all .all_box .all_list .all_of .color_layer p{
    width: 100%;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 18px;
    color:#fff;
    line-height: 100%;
    position: absolute;
    left: 0;
}
.all .all_box .all_list .all_of .color_layer .p1{
    top: 126px;
}
.all .all_box .all_list .all_of .color_layer .p2{
    top: 157px;
}
.all .all_box .all_list .all_of .color_layer .p3{
    top: 150px;
    font-size: 14px;
    line-height: 18px;
}
.all .all_box .all_list .all_of .blue{
    background: #38a0ba;
    opacity: 1;
    transition: all 0.3s linear;
}
.all .all_box .all_list .all_of .yellow{
    background: #ffc000;
    opacity: 0;
    transition: all 0.3s linear;
}
.all .all_box .all_list .all_of:hover .yellow{
    opacity: 1;
}
.all .all_box .all_list .all_of:hover .blue{
    opacity: 0;
}
.all .all_box .all_list .all_of:hover .blue_n{
    color: #38a0ba;
}

.craft{
    width: 100%;
    padding-top: 100px;
}
.craft .craft_box{
    width: 100%;
    height: 638px;
    margin-top: 55px;
    background: url("../images/product/craft_bg.jpg") no-repeat center;
    position: relative;
}
.craft .craft_box .craft_cont{
    width: 1140px;
    height: 460px;
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -570px;
}
.craft .craft_box .craft_cont .craft_list{
    width: 100%;
    height: 100%;
}
.craft .craft_box .craft_cont .craft_list .craft_of{
    width: 190px;
    height: 188px;
    float: left;
    overflow: hidden;
}
.craft .craft_box .craft_cont .craft_list .text .text_cont{
    width: 170px;
    margin: 55px auto 0;
    padding: 16px 0;
    border-top:1px solid #626262 ;
    border-bottom:1px solid #626262 ;
}
.craft .craft_box .craft_cont .craft_list .text .text_cont p{
    font-size: 20px;
    color: #69695c;
    text-align: center;
    line-height: 24px;
}
.craft .craft_box .craft_cont .craft_list .empty{
    opacity: 0 ;
}
.craft .craft_box .craft_cont .craft_list .color_a{
    background: #fffb98;
}
.craft .craft_box .craft_cont .craft_list .color_b{
    background: #befcf7;
}
.craft .craft_box .craft_cont .craft_list .color_c{
    background: #eeeeee;
}
.craft .craft_box .craft_cont .center{
    width: 380px;
    height: 162px;
    position: absolute;
    top: 200px;
    left: 380px;
}
.craft .craft_box .craft_cont .center .txt{
    width: 76px;
    height: 162px;
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 162px;
}
.craft .craft_box .craft_cont .center .p1{
    background: #06b3b1;
}
.craft .craft_box .craft_cont .center .p2{
    background: #fed600;
}
.craft .craft_box .craft_cont .center .p3{
    background: #ffac00;
}
.craft .craft_box .craft_cont .center .p4{
    background: #ff9400;
}
.craft .craft_box .craft_cont .center .p5{
    background: #93c73f;
}

.limit{
    width: 100%;
}
.limit .limit_cont{
    padding-top: 120px;
    overflow: visible;
}
.limit .limit_cont .order{
    height: 380px;
    width: 896px;
    position: relative;
    margin: 64px auto 0;
}
.limit .limit_cont .order .order_top{
    width: 784px;
    height: 310px;
    position: absolute;
    top: -60px;
    left: 0;
    transition: all 1s ease-out;
}
.limit .limit_cont .order .order_top .top_of{
    width: 112px;
    height: 100%;
    position: absolute;
    top: 0;
}
.limit .limit_cont .order .order_top .top_of .text{
    box-sizing: border-box;
    height: 70px;
    border: 1px solid #ffc000;
    border-bottom: none;
    padding-top: 16px;
}
.limit .limit_cont .order .order_top .top_of .text p{
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 100%;
}
.limit .limit_cont .order .order_top .top_of .text p span{
    font-weight: bold;
}
.limit .limit_cont .order .order_top .top_of .text .p1{
    margin-bottom: 9px;
}
.limit .limit_cont .order .order_top .top_of .icon{
    height: 170px;
    box-sizing: border-box;
    border: 1px solid #ffc000;
    background-color:#ffc000 ;
    background-position: center;
    background-repeat: no-repeat;
}
.limit .limit_cont .order .order_top .top_of .num{
    height: 70px;
    font-size: 50px;
    color: #ffc000;
    text-align: center;
    line-height: 70px;
    position: relative;
}
.limit .limit_cont .order .order_top .top_of .num span{
    width: 18px;
    border-bottom:5px solid #ffc000 ;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -9px;
}
.limit .limit_cont .order .order_top .top_of:nth-child(1){
    left: 0;
}
.limit .limit_cont .order .order_top .top_of:nth-child(1) .icon{
    background-image: url("../images/product/limit_icon_1.png");
}
.limit .limit_cont .order .order_top .top_of:nth-child(2){
    left: 224px;
}
.limit .limit_cont .order .order_top .top_of:nth-child(2) .icon{
    background-image: url("../images/product/limit_icon_2.png");
}
.limit .limit_cont .order .order_top .top_of:nth-child(3){
    right: 224px;

}
.limit .limit_cont .order .order_top .top_of:nth-child(3) .icon{
    background-image: url("../images/product/limit_icon_3.png");
}
.limit .limit_cont .order .order_top .top_of:nth-child(4){
    right: 0;
}
.limit .limit_cont .order .order_top .top_of:nth-child(4) .icon{
    background-image: url("../images/product/limit_icon_4.png");
}
.limit .limit_cont .order .order_bottom{
    width: 784px;
    height: 310px;
    position: absolute;
    bottom: -110px;
    right: 0;
    transition: all 1s ease-out;
}
.limit .limit_cont .order .order_bottom .bottom_of{
    width: 112px;
    height: 100%;
    position: absolute;
    top: 0;
}
.limit .limit_cont .order .order_bottom .bottom_of .text{
    box-sizing: border-box;
    height: 70px;
    border: 1px solid #ffc000;
    background: #ffc000;
    border-top: none;
    padding-top: 16px;
}
.limit .limit_cont .order .order_bottom .bottom_of .text p{
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 100%;
}
.limit .limit_cont .order .order_bottom .bottom_of .text p span{
    font-weight: bold;
}
.limit .limit_cont .order .order_bottom .bottom_of .text .p1{
    margin-bottom: 9px;
}
.limit .limit_cont .order .order_bottom .bottom_of .icon{
    height: 170px;
    box-sizing: border-box;
    border: 1px solid #ffc000;
    background-color:#fff ;
    background-position: center;
    background-repeat: no-repeat;
}
.limit .limit_cont .order .order_bottom .bottom_of .num{
    height: 70px;
    font-size: 50px;
    color: #ffc000;
    text-align: center;
    line-height: 70px;
    position: relative;
}
.limit .limit_cont .order .order_bottom .bottom_of .num span{
    width: 18px;
    border-bottom:5px solid #ffc000 ;
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -9px;
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(1){
    left: 0;
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(1) .icon{
    background-image: url("../images/product/limit_icon_5.png");
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(2){
    left: 224px;
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(2) .icon{
    background-image: url("../images/product/limit_icon_6.png");
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(3){
    right: 224px;

}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(3) .icon{
    background-image: url("../images/product/limit_icon_7.png");
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(4){
    right: 0;
}
.limit .limit_cont .order .order_bottom .bottom_of:nth-child(4) .icon{
    background-image: url("../images/product/limit_icon_8.png");
}

.service{
    width: 100%;
    height: 886px;
    margin-top: 146px;
    background: url("../images/product/service_bg.png") no-repeat bottom;
}
.service .service_box{
    height: 705px;
    position: relative;
    margin-top: 70px;
    overflow: visible;
}
.service .service_box .adorn_b{
    width: 47px;
    height: 13px;
    border: 2px solid #dcdcdc;
    position: absolute;
    top: 430px;
    right: -20px;
}
.service .service_box .service_cont{
    width: 593px;
    height: 593px;
    background: url("../images/product/service_bg_2.png") no-repeat right bottom;
    position: relative;
    margin: 0px 0 0 180px;
}
.service .service_box .service_cont .center{
    width: 366px;
    height: 366px;
    border-radius: 50%;
    border: 5px solid #fed734;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin: -183px 0 0 -183px;
}
.service .service_box .service_cont .center .adorn_a{
    width: 11px;
    height: 19px;
    background: #fed734;
    position: absolute;
    top: 243px;
    left: 264px;
}
.service .service_box .service_cont .center img{
    position: absolute;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    margin: auto;
}
.service .service_box .service_cont .center .center_txt{
    width: 182px;
    height: 182px;
    box-sizing: border-box;
    border: 1px solid #e6e9ea;
    background: rgba(255,255,255,.7);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -91px 0 0 -91px;
    padding-top: 42px;
}
.service .service_box .service_cont .center .center_txt p{
    font-size: 30px;
    color: #064cea;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
}
.service .service_box .service_cont .item{
    height: 145px;
    height: 145px;
    position: absolute;
}
.service .service_box .service_cont .item .img{
    width: 100%;
    height: 100%;
}
.service .service_box .service_cont .item p{
    font-size: 14px;
    color: #7d7d7d;
    line-height: 25px;
    position: absolute;
    padding-left: 30px;
}
.service .service_box .service_cont .item p span{
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: 5px;
    left: 2px;

}
.service .service_box .service_cont .a{
    top: 28px;
    right: 20px;
}
.service .service_box .service_cont .a p{
    width: 240px;
    top: 55px;
    left: 184px;
}
.service .service_box .service_cont .a p span{
    background: #43dddf;
}
.service .service_box .service_cont .b{
    top: 254px;
    right: -73px;
}
.service .service_box .service_cont .b p{
    width: 160px;
    top: 26px;
    left: 159px;
}
.service .service_box .service_cont .b p span{
    background: #fed734;
}
.service .service_box .service_cont .c{
    top: 460px;
    right: 47px;
}
.service .service_box .service_cont .c p{
    width: 160px;
    top: 42px;
    left: 168px;
}
.service .service_box .service_cont .c p span{
    background: #7d7d7d;
}
.service .service_box .service_cont .d{
    top: 512px;
    right: 292px;
}
.service .service_box .service_cont .d p{
    width: 260px;
    top: 144px;
    left: 125px;
}
.service .service_box .service_cont .d p span{
    background: #517bda;
}

.promise{
    width: 100%;
    height: 824px;
    background: url("../images/product/bias_bg.png") repeat;
    padding-top: 116px;
}
.promise .promise_content{
    width: 593px;
    height: 516px;
    background: url("../images/product/promise_bg.png") no-repeat center;
    margin: 68px 0 0 300px;
    position: absolute;
}
.promise .promise_content .item{
    width: 119px;
    height: 119px;
    position: absolute;
}
.promise .promise_content .item .text{
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    padding: 4px 0;
    top: 119px
}
.promise .promise_content .item .text p{
    font-size: 18px;
    color: #494949;
    text-align: center;
    line-height:25px;
}
.promise .promise_content .item .text p i{
    font-size: 20px;
    color: #4b1d88;
    font-weight: bold;
}

.promise .promise_content .a{
    top: 350px;
    left: -64px;
}
.promise .promise_content .b{
    top: 450px;
    left: 160px;
}
.promise .promise_content .c{
    top: 307px;
    left: 420px;
}
.promise .promise_content .c .text{
    top: auto;
    bottom: 119px;
}
.promise .promise_content .d{
    top: 166px;
    left: 495px;
}
.promise .promise_content .e{
    top: 194px;
    left: 34px;
}
.promise .promise_content .d .text{
    top: auto;
    bottom: 119px;
}

.rapid{
    height: 608px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 14px solid #ff9600;
}
.rapid .content{
    width: 667px;
    height: 298px;
    background: url("../images/product/rapid_bg.png") no-repeat left top #ffc000;
    padding: 86px 0 0 75px;
    margin: 80px 0 0 74px;
    position: relative;
}
.rapid .content .title{
    font-size: 42px;
    line-height: 100%;
    color: #614902;
}
.rapid .content .line_a{
    display: block;
    width: 60px;
    border-bottom: 4px solid #614902;
    margin: 23px 0 29px;
}
.rapid .content .son_title{
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #614902;
}
.rapid .content .en{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 38px;
    color: #614902;
}
.rapid .content .last_p{
    font-size: 30px;
    line-height: 100%;
    color: #fff;
}
.rapid .content .adorn{
    width: 65px;
    height: 33px;
    background: #5b85e3;
    position: absolute;
    left: 0;
    top: 318px;
}
.rapid .content .adorn .go_on{
    width: 100%;
    height: 100%;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    position: absolute;
    bottom: 33px;
    left: 0;
}
.rapid .content .adorn .a{
    width: 66px;
    height: 13px;
    background: #fed734;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -25px;
}
.rapid .content .adorn .b{
    width: 195px;
    border-bottom:2px solid #f6b37f;
    position: absolute;
    top: 50%;
    left: 66px;
}

.rapid .rapid_apply{
    width: 596px;
    height: 246px;
    background: url("../images/product/rapid_bg_2.jpg") no-repeat center;
    position: absolute;
    top: 16px;
    left: 450px;
    padding-top: 104px;
}
.rapid .rapid_apply input{
    display: block;
    width: 250px;
    height: 40px;
    padding-left: 38px;
    border: 1px solid #614902;
    background: #fff;
    font-size: 14px;
    line-height: 40px;
    box-shadow: -5px 5px 20px #e1e1e2;
    margin:0 auto 14px;
}
.rapid .rapid_apply .area{
    background: url("../images/product/rapid_area.png") no-repeat 8px,url("../images/product/m2.png") no-repeat 220px;
}
.rapid .rapid_apply .user{
    background: url("../images/product/rapid_user.png") no-repeat 8px;
}
.rapid .rapid_apply .tel{
    background: url("../images/product/rapid_tel.png") no-repeat 8px;
}
.rapid .rapid_apply .rapid_btn{
    width: 250px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #ff9600;
    box-shadow: -5px 5px 20px #e1e1e2;
    border-radius: 10px;
    margin: 0 auto;
    cursor: pointer;
}