*,*:before,*:after{ border: 0; margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ font: 14px "Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, sans-serif; color: #333;}
a{ text-decoration: none;}
input:focus,button:focus{outline: none;}
input,button,input[type=text]{ border: 0; vertical-align: middle;}
input::-webkit-input-placeholder{ color: #bfbfbf;}
input::-moz-placeholder{ color: #bfbfbf;}
input:-ms-input-placeholder{ color: #bfbfbf;}
input::placeholder{ color: #bfbfbf;}
select,input{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none; }
button{ cursor: pointer;}
.actIcon{ display: inline-block; background: url("icon.png") no-repeat; vertical-align: middle;}
.iconDownArrow{ margin-top: 25px; width: 19px; height: 22px; background-position: 0 -100px;
    -webkit-animation: jump 0.5s linear infinite alternate;
    -o-animation: jump 0.5s linear infinite alternate;
    animation: jump 0.5s linear infinite alternate;}
.iconShare{ background-position: 0 0; width: 26px; height: 26px;}
.iconConsult{ background-position: -50px 0; width: 37px; height: 31px;}
.iconVideo{ background-position: 0 -50px; width: 33px; height: 23px;}
.iconLinkArrow{ margin-top: -3px; background-position: 0 -200px; width: 16px; height: 16px;}

.actSection{ min-width: 1100px; margin: 0 auto;}
.actSecCon{ width: 1100px; margin: 0 auto;}
.actBanner{ background: url("page_1_1.jpg") no-repeat top center;}
.actBanner .actBannerCon{ height: 710px; background: url("page_1_2.jpg") no-repeat bottom center;}
.actBanner h1{ display: none;}

.actSecA{ background: #e4edf6; padding-bottom: 65px;}
.actSecA .head{ padding-top: 50px; font-size: 18px; text-align: center;}
.actTestBox{ margin-top: 20px; padding-top: 85px; width: 1100px; height: 720px; background: url("ceshi_bg.png") no-repeat top center;}
.actTest .actTestTitle{ font-size: 36px; text-align: center;}
.actTest .actTestTitle span{ font-size: 30px; color: #666;}
.actTest{ display: none;}
.actTestA{ display: block;}
.actTestQa ul{ overflow: hidden;}
.actTestQa li{ float: left;}
.actTestQa .typeHouse{ padding: 50px 0 0 30px;}
.actTestQa .typeHouse li{ margin-left: 45px; width: 220px; text-align: center; position: relative;}
.actTestQa .typeHouse li p{ height: 210px; line-height: 210px;}
.actTestQa .typeHouse li p img{ vertical-align: middle;}
.actTestQa .typeHouse .one{ width: 150px;}
.actTestQa .sex{ padding: 35px 150px 0;}
.actTestQa .sex li{ padding-left: 130px; width: 400px; height: 136px; line-height: 136px;}
.actTestQa .sex li label,.actTestQa .sex li img{ float: left;}
.actTestQa .sex li label{ margin: 40px 0 0 10px;}
.actTestQa .age{ padding: 60px 175px 75px; text-align: center;}
.actTestQa .age li{ width: 250px;}
.actTestQa .place{ padding: 90px 30px 10px; text-align: center;}
.actTestQa .place li{ width: 25%;}
.actTestQa .animal{ padding: 80px 40px;}
.actTestQa .animal li{ width: 16.66%; text-align: center;}
.actTestQa .cekAfter,.actTestQa .cek .cekBefore{ display: none;}
.actTestQa .cek .cekAfter{ display: inline-block;}
.actTestQa li input{ position: absolute; top:0; left: 0; z-index: 0; opacity: 0;}
.actTestQa li label{ font-size: 24px; line-height: 70px;}
.actTestQa li .radioMod .iconRadio{ width: 26px; height: 26px; background-position: -50px -150px; margin: -3px 5px 0 0;}
.actTestQa li.cek .radioMod .iconRadio{ background-position: 0 -150px;}
.actTest .actTestFt{ text-align: center;}
.actTest .actTestFt button{ display: inline-block; margin: 0 90px; width: 252px; height: 68px; line-height: 68px; color: #fff; font-size: 36px; border-radius: 3px; font-weight: bolder;}
.actTest .actTestFt .next_qs,.actTest .actTestFt .smt_qs{ background: #e8432e;}
.actTest .actTestFt .next_qs:hover,.actTest .actTestFt .smt_qs:hover{ background: #db260f;}
.actTest .actTestFt .prev_qs{ background: #2e8ae8;}
.actTest .actTestFt .prev_qs:hover{ background: #0e6ed0;}
.actTestA .actTestFt,.actTestC .actTestFt{ padding-top: 40px;}


.actSecB h2{ padding-top: 75px; font-size: 46px; letter-spacing: 3px; text-align: center;}
.actSecB h3{ padding-bottom: 35px; font-size: 24px; font-weight: normal; text-align: center; color: #666; text-transform: uppercase;}
.slider{ min-width: 1010px; height: 540px;}
.slider .tempWrap ul{ margin-left: -1010px !important}
.slider .bd{ width: 1010px; margin-left: 505px;}
.slider .bd li{ width: 1010px; height: 540px;}
.slider .bd li img.bdImg{ width: 1010px; height: 540px;}
.slider .bd li.hover{ padding: 0;}
.slider .bd li.hover .bdImg{ height: 540px;}
.slider .pnBtn{ border: 15px solid #fff; border-width: 15px 0; height: 540px;}
.slider .pnBtn .blackBg{ height: 510px;}
.slider .prev{ margin-left: -505px;}
.slider .prev .blackBg{ background: url("iconPrev.png") no-repeat 99% center rgba(0,0,0,0.9);}
.slider .next{ margin-left: 505px;}
.slider .next .blackBg{ background: url("iconNext.png") no-repeat 1% center rgba(0,0,0,0.9);}
.slider .hd{ bottom: 40px;}
.slider .hd li{ margin: 0 5px; opacity: 0.6; background: #fff;}
.slider .hd li,.slider .hd li.on{ border-radius: 10px; width: 10px; height: 10px;}
.actSecC{ padding: 110px 0 100px; background: #fff;}
.actSecC h2{ font-size: 46px; color: #333; letter-spacing: 2px; text-align: center;}
.actSecC h3{ margin: 10px 0 55px; font-size: 20px; font-weight: normal; color: #666; text-align: center;}
.actSecC h3 span{ margin: 0 5px; color: #f75555;}
.actSecC .order{ padding: 25px 0 0 602px; height: 298px; background: url("page_1_3.jpg") no-repeat top left;}
.actSecC .order p{ position: relative; margin-bottom: 20px; width: 320px; height: 60px; border-radius: 3px; border: 1px solid #a7a7a7; background: #fafafa; font-size: 18px;}
.actSecC .order p label{ position: absolute; top: 0; left: 15px; color: #333; line-height: 60px;}
.actSecC .order p input{ padding: 10px 10px 10px 115px; width: 100%; height: 58px; line-height: 58px; background: transparent; font-size: 18px;}
.actSecC .order button{ width: 320px; height: 60px; line-height: 60px; border-radius: 3px; background: #e8432e; color: #fff; font-weight: bolder; font-size: 22px; letter-spacing: 2px;}

.rightBar{ position: fixed; bottom: 200px; left: 50%; margin-left: 600px; z-index: 2;}
.rightBar a{ position: relative; margin-bottom: 1px; display: block; width: 75px; height: 85px; color: #fff; text-align: center; overflow: hidden;}
.rightBar a i,.rightBar a b{ font-style: normal; font-weight: normal; position: relative; z-index: 1;}
.rightBar a i{ margin-bottom: 10px;}
.rightBar a span{ position: absolute; top:0; left: 0; z-index: 0; width: 75px; height: 85px; background: #476f9b; opacity: 0.8; filter: alpha(opacity=80);}
.rightBar a:hover span{ opacity: 1; filter: alpha(opacity=100);}
.rightBar .share{ padding-top: 15px; border-radius: 10px 10px 0 0;}
.rightBar .consult{ padding-top: 15px;}
.rightBar .video{ padding-top: 18px; border-radius: 0 0 10px 10px;}
.shareCode,.videoCode{ display: none; position: absolute; top: -35px; left: -168px; padding: 15px 15px 0 0; width: 163px; height: 160px; background: url("code_bg.png") no-repeat; text-align: center; line-height: 26px;}
.videoCode{ top: 140px; line-height: 1.1;}
.shareCode img,.videoCode img{ width: 96px; height: 96px;}
.videoCode img{ margin-bottom: 3px;}


/*结果页面*/
.stylePage .actStyleA .actSecCon{ padding: 165px 550px 0 0; height: 512px;}
.stylePage .actStyleA h1{ display: inline-block; font-size: 66px; border-bottom: 2px solid transparent;}
.stylePage .actStyleA p{ padding-top: 30px; line-height: 28px; font-size: 16px; color: #666;}
.stylePage .slider{ min-width: 1100px; height: 628px; background: transparent !important;}
.stylePage .slider .tempWrap ul{ margin-left: -1100px !important;}
.stylePage .slider .bd{ width: 1100px; margin-left: 550px;}
.stylePage .slider .bd li{ width: 1100px; height: 628px; padding: 33px 0 65px;}
.stylePage .slider .bd li img.bdImg{ width: 1100px; height: 530px;}
.stylePage .slider .bd li.hover{ position: relative; padding: 6px 6px 37px; background: url("style_img_bg.png") no-repeat top center;}
.stylePage .slider .bd li.hover .bdImg{ width: 1088px; height: 585px;}
.stylePage .slider .pnBtn,.stylePage .slider .pnBtn .blackBg{ height: 530px;}
.stylePage .slider .bd li.hover span,.stylePage .slider .bd li.hover i{ display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 20px; top: 20px;}
.stylePage .slider .bd li.hover span{ background: #000; opacity: 0.8; filter: alpha(opacity=80);}
.stylePage .slider .bd li.hover i{ font-style: normal; font-size: 24px; color: #fff;}
.stylePage .slider .pnBtn .blackBg{ top: 33px;}
.stylePage .slider .prev{ margin-left: -550px;}
.stylePage .slider .next{ margin-left: 550px;}
.stylePage .slider .hd{ bottom: 65px;}
.stylePage .slider .prev .blackBg{ background: url("iconPrev.png") no-repeat 99.5% center rgba(0,0,0,0.9);}
.stylePage .slider .next .blackBg{ background: url("iconNext.png") no-repeat 0.5% center rgba(0,0,0,0.9);}

.actStyleB{ background: url("page_2_2.jpg") no-repeat bottom center #fff;}
.actStyleB .styleTabs h3,.actStyleB .actCase h3{ padding-top: 85px; text-align: center; font-size: 40px;}
.actStyleB .styleTabs h3 span{ font-family: Arial;}
.actStyleB .styleTabs h4,.actStyleB .actCase h4{ font: normal 26px Arial; text-align: center; text-transform:uppercase; color: #a8a8a8;}
.styleTabs .tabsThumb{ width: 1104px; height: 78px; margin: 55px 0 3px -4px; text-align: center;}
.styleTabs .tabsThumb a{ float: left; display: block; margin-left: 4px; width: 272px; height: 78px; line-height: 78px; font-weight: bolder; background: #e3e3e3; font-size: 24px; color: #8d8d8d;}
.styleTabs .tabsThumb a.active{ color: #fff;}
.styleTabs .tabsCon{ width: 1100px; height: 660px; overflow: hidden;}
.styleTabs .tabsCon li{ position: relative; display: none; float: left; padding: 20px; width: 1100px; height: 660px;}
.styleTabs .tabsCon li.active{ display: block;}
.styleTabs .tabsCon li .tag{ position: absolute; right: 20px; top: 20px; font-size: 22px; font-weight: bolder; line-height: 28px;}
.styleTabs .tabsCon li .tag i{ font-size: 26px; font-style: normal; vertical-align: top;}
.styleTabs .tabsCon li .kt{ float: left;}
.styleTabs .tabsCon .text{ margin-bottom: 10px; overflow: hidden;}
.designerBox{ float: left; padding: 65px 0 0 30px; width: 420px; height: 412px; color: #fff;}
.designerBox h5{ font-size:40px;}
.designerBox h5 span{ margin-left: 5px; font-size:26px;}
.designerBox .about{ padding-top: 45px;}
.designerBox .about img{ float: left; margin-right: 15px; width: 98px; height: 98px; border-radius: 98px;}
.designerBox .about dt{ padding: 5px 0; font-size: 18px; font-weight: normal;}
.designerBox .about dd{ margin-bottom: 5px;}
.designerBox a{ display: block; margin: 40px 0 0 80px; width: 200px; height: 53px; line-height: 53px; color: #fff; border-radius: 53px; font-weight: bolder; font-size: 24px; text-align: center;}
.styleTabs .tabsCon .otherSpace{ width: 1072px; margin-left: -11px;}
.styleTabs .tabsCon .otherSpace img{ float: left; width: 257px; margin-left: 11px;}

.actStyleB .actCase ul{ margin: 45px 0 0 -31px; width: 1131px; height: 910px;}
.actStyleB .actCase li{ position: relative; float: left; margin: 0 0 48px 31px; width: 346px; height: 385px; background: #fff; font-size: 16px;}
.actStyleB .actCase li div{ padding: 10px 10px 0; height: 225px; line-height:215px; overflow: hidden;}
.actStyleB .actCase li div img{ width: 326px;}
.actStyleB .actCase li h5{ margin: 30px 10px 5px; white-space: nowrap; overflow: hidden; font-size: 20px; color: #333;}
.actStyleB .actCase li p{ margin: 0 10px; color: #333;}
.actStyleB .actCase li span{ position: absolute; left: 0; bottom: 0; display: block; width: 346px; height: 56px; line-height: 56px; text-align: center; color: #767676; background: #dbdbdb;}
.actStyleB .actCase li a:hover span{ color: #fff;}

.stylePage .actStyleC{ position: relative; padding-top: 75px; height: 308px; text-align: center;}
.stylePage .actStyleC h4{ margin: 5px 0 20px; color: #fff; font-size: 25px;}
.stylePage .actStyleC a{ display: inline-block; width: 196px; height: 52px; line-height: 50px; border: 1px solid #fff; font-size: 18px; color: #fff;}


/*欧式*/
.stylePage .styleOne .actStyleA{ background: url("page_2_1_1.jpg") no-repeat top center #efefef;}
.stylePage .styleOne .actStyleA h1{ color: #fcc621; border-bottom-color: #fcc621;}
.styleOne .styleTabs .tabsCon li .tag{ color: #f1b30b;}
.styleOne .tabsCon li,.styleOne .styleTabs .tabsThumb a.active{ background: #f7c745;}
.styleOne .designerBox a{ background: #f59d12;}
.styleOne .actStyleB .actCase li a:hover span{ background: #f7c745;}
.stylePage .styleOne .actStyleC{ background: url("page_2_3_1.jpg") no-repeat top center;}
.styleOne .rightBar a span{ background: #fcc621;}

/*美式*/
.stylePage .styleTwo .actStyleA{ background: url("page_2_1_2.jpg") no-repeat top center #efefef;}
.stylePage .styleTwo .actStyleA h1{ color: #af5b36; border-bottom-color: #af5b36;}
.styleTwo .styleTabs .tabsCon li .tag{ color: #8c3e1c;}
.styleTwo .designerBox a{ background: #9d4822;}
.styleTwo .tabsCon li,.styleTwo .styleTabs .tabsThumb a.active{ background: #af5b36;}
.styleTwo .actStyleB .actCase li a:hover span{ background: #af5b36;}
.stylePage .styleTwo .actStyleC{ background: url("page_2_3_2.jpg") no-repeat top center;}
.styleTwo .rightBar a span{ background: #af5b36;}

/*田园*/
.stylePage .styleThree .actStyleA{ background: url("page_2_1_3.jpg") no-repeat top center #efefef;}
.stylePage .styleThree .actStyleA h1{ color: #19b386; border-bottom-color: #19b386;}
.styleThree .styleTabs .tabsCon li .tag{ color: #0a8561;}
.styleThree .tabsCon li,.styleThree .styleTabs .tabsThumb a.active{ background: #31bd94;}
.styleThree .designerBox a{ background: #179772;}
.styleThree .actStyleB .actCase li a:hover span{ background: #19b386;}
.stylePage .styleThree .actStyleC{ background: url("page_2_3_3.jpg") no-repeat top center;}
.styleThree .rightBar a span{ background: #19b386;}

/*北欧*/
.stylePage .styleFour .actStyleA{ background: url("page_2_1_4.jpg") no-repeat top center #efefef;}
.stylePage .styleFour .actStyleA h1{ color: #699cd7; border-bottom-color: #699cd7;}
.styleFour .styleTabs .tabsCon li .tag{ color: #5990ce;}
.styleFour .designerBox a{ background: #4f86c5;}
.styleFour .tabsCon li,.styleFour .styleTabs .tabsThumb a.active{ background: #80afe4;}
.styleFour .actStyleB .actCase li a:hover span{ background: #80afe4;}
.stylePage .styleFour .actStyleC{ background: url("page_2_3_4.jpg") no-repeat top center;}

/*中式*/
.stylePage .styleFive .actStyleA{ background: url("page_2_1_5.jpg") no-repeat top center #efefef;}
.stylePage .styleFive .actStyleA h1{ color: #933028; border-bottom-color: #933028;}
.styleFive .styleTabs .tabsCon li .tag{ color: #933028;}
.styleFive .designerBox a{ background: #7e1e17;}
.styleFive .tabsCon li,.styleFive .styleTabs .tabsThumb a.active{ background: #933028;}
.styleFive .actStyleB .actCase li a:hover span{ background: #80afe4;}
.stylePage .styleFive .actStyleC{ background: url("page_2_3_5.jpg") no-repeat top center;}
.styleFive .rightBar a span{ background: #933028;}

/*中式*/
.stylePage .styleSix .actStyleA{ background: url("page_2_1_6.jpg") no-repeat top center #efefef;}
.stylePage .styleSix .actStyleA h1{ color: #e9754d; border-bottom-color: #e9754d;}
.styleSix .styleTabs .tabsCon li .tag{ color: #d66037;}
.styleSix .designerBox a{ background: #d25124;}
.styleSix .tabsCon li,.styleSix .styleTabs .tabsThumb a.active{ background: #ea754c;}
.styleSix .actStyleB .actCase li a:hover span{ background: #e9754d;}
.stylePage .styleSix .actStyleC{ background: url("page_2_3_6.jpg") no-repeat top center;}
.styleSix .rightBar a span{ background: #e9754d;}

    /*预约弹框*/
.hdMask{ display: none; position: fixed; top:0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 20; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.resPop{ display: none; position: fixed; top: 50%; left: 50%; z-index: 21; margin: -215px 0 0 -251px; padding: 35px 60px 0; width: 502px; height: 430px; background: url("pop_bg.jpg") no-repeat top center #fff;}
.resPop .close{ display: block; position: absolute; top: 15px; right: 15px; width: 29px; height: 29px; cursor: pointer; text-indent: -99999px; background: url("close.png") no-repeat;}
.resPop h3{ font-size: 36px; text-align: center; color: #fff;}
.resPop h4{ margin: 5px 0 30px; color: #fff; font-size: 18px; font-weight: normal; text-align: center;}
.resPop p{ margin-bottom: 10px; width: 380px; height: 55px; border: 1px solid #d7d7d7; border-radius: 3px; overflow: hidden;}
.resPop p .inputText{ float: left; width: 268px; height: 53px; padding: 10px 15px; line-height: 33px; background: transparent; font-size: 16px;}
.resPop p select{ float: left; width: 268px; height: 53px; padding: 10px 15px; background: url("select.png") no-repeat 235px center; font-size: 16px;}
.resPop p label{ float: left; display: inline-block; width: 110px; height: 53px; line-height: 53px; text-align: center; color: #222; font-size: 16px; color: #333; background: #f3f3f3;}
.resPop button{ width: 380px; height: 55px; font-size: 26px; line-height: 55px; background: #e8432e; border-radius: 3px; color: #fff; font-weight: bolder;}

.errorTips{ display: none; position: fixed; top: 50%; left: 50%; padding: 0 50px; font-size: 26px; color: #fff; height: 55px; line-height: 55px; z-index: 22;}
.errorTips span{ display: block; position: absolute; top:0; left: 0; width: 100%; height: 55px; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.5;-khtml-opacity: 0.5; opacity: 0.5; z-index: 0;}
.errorTips p{ position: relative; z-index: 1;}

/*动画一*/
@keyframes jump
{
    from { margin-top: 30px;}
    to { margin-top: 25px;}
}
@-moz-keyframes jump /* Firefox */
{
    from { margin-top: 30px;}
    to { margin-top: 25px;}
}
@-webkit-keyframes jump /* Safari 和 Chrome */
{
    from { margin-top: 30px;}
    to { margin-top: 25px;}
}
@-o-keyframes jump /* Opera */
{
    from { margin-top: 30px;}
    to { margin-top: 25px;}
}