@charset "utf-8";
/* CSS Document */
.advertis {
    width: 100%;
    height: 110px;
    background-color: #f5f5f5;
    font-family: 新宋体
}

.advertis_s {
    width: 286px;
    height: 100px;
    margin-top: 5px;
    float: left;
    background-color: #ffffff;
    margin-right: 10px;
    opacity: 1;
    cursor: pointer;
}

.advertis_s:hover {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .1);
}

.advertis_sq {
    width: 180px;
    float: left;
    color: #333333;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

.advertis_sq span {
    font-size: 12px;
    color: #616161;
}

.advertis_mg {
    width: 100px;
    height: 100px;
    float: left;
}

.advertis_sm {
    width: 1200px;
    height: 110px;
    margin: 0 auto;
}

.n_whole {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    font-family: 黑体;
}

.n_whole_m {
    width: 429px;
    height: 45px;
    margin: 0 auto;
}

.n_whole_f {
    width: 1200px;
    height: 30px;
    color: #525153;
    font-size: 14px;
    line-height: 30px;
    font-family: 黑体;
}

.n_whole_b {
    width: 970px;
    height: 50px;
    border: 0px #ffff00 solid;
    margin: 0 auto;
    margin-top: 10px;
}

.n_whole_bu {
    width: 150px;
    height: 35px;
    background-color: #2b2934;
    float: left;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

.n_whole_bu:hover {
    background-color: #d06c14;
}

.n_whole_nek {
    width: 100%;
    height: 37px;
    background-image: url(../../imgs/static/2.jpg);
}

#n_whole_nek2 {
    width: 200px;
    height: 37px;
    display: block;
    background-color: #FFFFFF;
    line-height: 37px;
}

.n_whole_n {
    width: 1200px;
    height: 425px;
    border: 0px saddlebrown solid;
}

.n_whole_l {
    width: 800px;
    height: 425px;
    float: left;
}

#n_whole_l_but, #n_whole_r_but {
    width: 50px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 50px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    line-height: 80px;
}

#n_whole_l_but {
    float: left;
    z-index: 5;
    position: relative;
    top: -260px;
}

#n_whole_r_but {
    float: left;
    z-index: 5;
    position: relative;
    top: -260px;
    left: 700px;
}

.n_whole_r {
    width: 380px;
    height: 425px;
    float: right;
}

.n_whole_r_t {
    width: 380px;
    height: 80px;
    color: #000;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}

.n_whole_r_t span {
    font-size: 14px;
}

.n_whole_r_t2 {
    width: 380px;
    height: 45px;
    font-size: 14px;
    border-top: 1px #DCDCDC solid;
    border-bottom: 1px #DCDCDC solid;
    line-height: 45px;
}

.n_whole_r_t3 {
    width: 380px;
    height: 45px;
}

.n_whole_r_tr {
    width: 380px;
    height: 45px;
    font-size: 14px;
    border-top: 1px #DCDCDC solid;
    border-bottom: 1px #DCDCDC solid;
    line-height: 30px;
}

.n_whole_r_tr tr td {
    text-align: center;
    border-right: 1px #DCDCDC solid;
}

.n_whole_r_tp {
    width: 380px;
    height: 100px;
    margin-top: 10px;
}

.n_whole_r_but {
    width: 380px;
    height: 80px;
    margin-top: 10px;
}

.n_whole_r_butf a, .n_whole_r_butq a {
    text-decoration: none;
    color: #ffffff;
}

.n_whole_r_butf, .n_whole_r_butq {
    width: 170px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: center;
    margin-top: 20px;
    background-color: #232227
}

.xiaod {
    animation: amo 1.5s ease-in-out;
}

<!--
-->
@-webkit-keyframes amo {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.6);;
    }
    100% {
        transform: scale(1);
    }
}

.baos {
    width: 100%;
    height: 100%;
    background-image: url(../../imgs/static/design_banner2.jpg);
    min-width: 1100px;
    background-size: 100% ;
    background-repeat: repeat-y;
    overflow: hidden;
}

.baos_dis_dis {
    width: 1200px;
    height: 110px;
}

.case {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
}

.case_bg {
    width: 100%;
    background-color: #7d7f80;
}

.n_whole_bus {
    width: 150px;
    height: 45px;
    float: left;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    background-image: url("../../imgs/static/mod_ind_case_sel2.png");
    background-repeat: no-repeat
}

.n_whole_bb {
    width: 720px;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
}

.n_whole_bb a{ text-decoration: none; color: #fff;}
.caes_but {
    width: 750px;
    height: 35px;
    margin: 0 auto;

}

.caes_but_sm_but {
    width: 95px;
    height: 35px;
    border: 1px solid #DDD;
    float: left;
    color: #555;
    font-size: 14px;
    line-height: 35px;
    margin-right: 10px;
    cursor: pointer;
}

.caes_but_sm_but a {
    text-decoration: none;
    color: #fff;
}

.caes_but_sm_but a:hover {
    color: #fdc922;
}

.caes_but_sm_but:hover {
    border: 1px #fdc922 solid;
}

.caes_img_bg {
    width: 1200px;
    height: 420px;
    border: 0px #2b2934 solid;
}
#caes_img_bg2,#caes_img_bg3{ display: none;}
.caes_img_bgs {
    width: 292px;
    height: 208px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
    margin-bottom: 5px;
}

.caes_img_bgs img:hover {
    transform: scale(1.2);
}

.caes_img_bgs img {
    transition: all 0.5s;
    cursor: pointer;
}

.caes_img_bgs_type {
    width: 75px;
    height: 25px;
    background-color: #aa895c;
    color: #ffffff;
    line-height: 25px;
    text-align: center;
    z-index: 9;
    left: 0px;
    position: absolute;
    top: 90px;
}
.caes_img_bgs_fo{
    width: 298px;
    height: 35px;
    background-image: url("../../imgs/static/case_bar.png");
    background-repeat: repeat;
    position: absolute;
    z-index: 9;
    bottom:0px;
    color: #DDD;
    font-size: 13px;
    line-height: 35px;

    text-indent: 1em;
}
.caes_img_bgs_fo span{
    color: #aa895c;
}
.designerbgs{ width: 100%;
    background-image: url("../../imgs/static/dewgfejh.jpg"); background-repeat: repeat; height: 590px; margin: 0 auto;

}
.designe{ width: 1200px; height:550px; margin: 0 auto;}
.designea{ width: 1200px; height: 420px; }
.designea_mids{ width: 1200px; height: 420px; float: left;}
.designea_mids_dsa1{ width: 300px; height: 420px; float: left;  }
.designea_mids_dsa1 span{ cursor: pointer;}
.designea_mids_dsa1_title{ width: 300px; height: 100px; background-color: #f5f5f5; text-align: center;  }
.designea_mids_dsa1_title span{ font-size: 19px;}
.designea_mids_dsa1_name{ width: 300px; height: 40px; background-color: #ffffff; text-align: center; line-height: 40px}

.designea_mids_dsa1_name span{ font-size:30px; font-family: "黑体";}
.designea_mids_dsa1_profile{ width: 280px; height: 159px;  background-color: #ffffff; padding: 10px; font-size: 12px;}
.designea_mids_dsa1_year{ width: 300px; height: 30px; background-color: #ffffff; font-size: 12px; line-height: 30px; text-align: center;}
.designea_mids_dsa1_year span{ color: rgb(230, 125, 78);}
.designea_mids_dsa1_but{ width: 300px; height: 70px; background-color: #ffffff; text-align: center; }
.designea_mids_dsa1_buts{ width: 80px ; height: 35px; float: left; border: 1px solid #dcdcdc; font-size: 12px; line-height: 35px; margin-left: 12px; margin-top: 16px; cursor: pointer;}
.designea_mids_dsa2{ width: 597px; height: 420px; float: left;  }
.designea_mids_dsa1_mg{ width: 297px; height: 210px; float: left;  }
.designea_mids_dsa1_mgs{ width: 297px; height: 210px; overflow: hidden; }
.designea_mids_dsa1_block{ width: 297px; height: 47px; background-image: url("../../imgs/static/case_bar.png"); z-index: 3; position: relative; top: -47px; text-align: center; color: #ffffff; font-size: 13px; line-height: 45px;}
.designea_mids_dsa1_mgs img:hover {
    transform: scale(1.2);
    transition: all 0.5s;
    cursor: pointer;

}
.xiaods {
    animation: amos 1.5s ease-in-out;
}

@-webkit-keyframes amos {
         0%  { left:0px; top:0px;}
        50%  {position: relative; left:100px; top:0px;}
        100% {position: relative; left:0px; top:0px;}
}
.designea_mids_rotate{ width: 280px; height: 14px; margin: 0 auto;}
.designea_mids_rotate span{ width: 25px; height: 5px; border: 2px solid #fff; margin-right: 8px; cursor: pointer; display: inline-block}
.process{ width: 100%; height:890px; margin: 0 auto;  }
.process_bgswad{ width: 100%; height:850px; }
.process_title{ width: 1000px; height: 50px; margin: 0 auto;}

.process_title_fo{ font-size: 22px; font-weight: bold; width: 300px; height: 50px; text-align: center; line-height: 50px; position: relative; left: 350px; top: -35px; background-color: #fff;}
.process_bgs{ width: 1200px; height: 120px; margin: 0 auto;   }
.process_bgs_ico{ width: 100px; height: 68px; margin-top: 10px; margin-left: 5px; }
.process_bgswt{ width: 110px; height: 110px; float: left; margin-right: 23px; border: 1px #e3e3e3 solid;}
.process_bgs_fo{ width: 110px; height: 25px; text-align: center; margin-top: 5px; line-height: 10px; font-size: 16px; line-height: 25px; color: #999; font-family: "黑体"}
.process_bg{ width: 1200px; height: 650px;   margin: 0 auto; }
.process_bg_qian{ width: 100%; background-image: url("../../imgs/static/mod_ind_activity.jpg"); background-repeat: repeat;}

.main_banner_box ul li a{
	display: block;

}

/*产品中心开始*/
.part3{
	width: 100%;
	min-width: 1200px;
}
.part3-title{text-align: center;position:relative;}
.part3-title h1{color:#000;font-size: 22px;font-weight: normal;margin-bottom: 10px;}
.part3-title p{font-size: 16px;}
.part3-title hr{position:absolute;top:18px;left:50%;margin-left: -209px;}
.part3-title .hr3{margin-left:-550px;}
.part3-title .hr4{margin-left:132px;}

/*轮播图 开始*/
.main_banner{width:100%; height:580px;}
.main_banner_wrap{
    width:1180px; height:580px; position:relative;
    margin:0 auto; overflow:hidden;  /*box-shadow: 0px 1px 2px #c5c5c5;*/
}
#myCanvas {
    position: absolute;
    z-index: 13;
    opacity: 0.8;
    cursor: pointer;
    -webkit-animation: roll 3s;
    animation: roll 3s;
}
@-webkit-keyframes roll {
    from{-webkit-transform:rotate(120deg);opacity:0;}
    to{-webkit-transform:rotate(0deg);opacity:0.8;}
}
@keyframes roll {
    from{transform:rotate(120deg);opacity:0;}
    to{transform:rotate(0deg);opacity:0.8;}
}
.banner_btn{
        width:220px; height:326px; position:absolute;
        display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
        left:110px; top:110px; opacity:0; transition:0.5s;
        background:url(../../imgs/kyw/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
        background:url(../../imgs/kyw/bannerBtn.png) no-repeat 0 0;}.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
        -webkit-animation:arrow 0.5s infinite alternate ease-in-out;
        -moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
    from{-webkit-transform:scale(1); opacity:1;}
    to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
    from{-moz-transform:scale(1); opacity:1;}
    to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
    width:1200px; height:220px; margin:40px auto 0; position:relative; z-index:0;
    -webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
}
.main_banner_box .VR_icon{
	width: 60px;
	height: 60px;
	position:absolute;
	top: 158px;
	left: 570px;
	z-index: 99;

}
.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
        background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}
.main_banner li{
        position:absolute; background:#000; overflow:hidden;
        box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);
}
.main_banner li#imgCard0{
        width:740px; height:376px; z-index:5;
        left:220px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
        width:646px; height:327px; z-index:1;
        left:520px; top:25px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{
        width:588px; height:265px; z-index:1;
        left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{
        width:588px; height:265px; z-index:1;
        left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
        width:646px; height:327px; z-index:2;
        left:0px; top:25px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%;}
.main_banner li span{
        width:100%; height:100%; position:absolute; top:0; left:0;
        z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
        color:#fff; font-size:30px; line-height:120px; text-align:center;
}


/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:20px; z-index:10;}
.btn_list span{
        display:inline-block; margin:30px 15px;cursor:pointer;width: 110px;height: 41px;border:1px solid #bbb;font-size: 16px;text-align: center;line-height: 41px;
}
.btn_list span:hover{border:1px solid rgb(208, 144, 86);color:rgb(208, 144, 86);}
.btn_list span.curr{background:rgb(59, 57, 70);color:#fff;border:1px solid rgb(208, 144, 86);}
.part3 ul,ol,li{ list-style:none; }
.part3 a{ text-decoration:none;display:inline-block;color:#666;}

.part3 .wrap{ margin:0 auto; width:1200px;}
.part3 img{display:block;}
.part3 .color9{color:#999;}
.part3 .color{color:#db1825;}

.hot_charging{ width: 100%; max-width: 1300px;
   height: 680px; margin: 0 auto;}
.hot_charging_bgs{ width: 1200px; height: 540px; margin: 0 auto;}
.hot_charging_lfe_img{ width: 520px; height: 400px; float: left; border: 1px #0000ff solid; overflow: hidden;}

.hot_charging_lfe_img img:hover{    transform: scale(1.2); transition: all 0.5s;
    cursor: pointer; }
.hot_charging_lfe{ width: 520px; height: 430px; float: left;}
.hot_charging_lfe_font{ width: 520px; height: 30px; background-image: url("../../imgs/static/case_bar.png");
    background-repeat: repeat;}

/*热装楼盘*/
.mod_ind_site{ font-family:"微软雅黑"}
.mod_ind_site .sub{ margin:40px 0 20px 0}
.mod_ind_site .sub h2{ width:100%; text-align:center; float:left}
.mod_ind_site .sub h2 a{ font-size:26px}
.mod_ind_site .sub p{ width:100%; text-align:center; float:left; font-size:14px; color:#999; margin-top:10px}
.mod_ind_site .t_img{ height:120px}
.mod_ind_site .t_img img{ width:100%; height:120px}
.mod_ind_site .t_list{ height:30px; padding:15px 0}
.mod_ind_site .t_list .l a{ height:30px; line-height:30px; float:left; font-size:14px; color:#555}
.mod_ind_site .t_list .l a em{ margin:0 20px; font-size:12px; font-family:"宋体"; color:#888}
.mod_ind_site .t_list .l a:nth-last-child(1) em{ display:none}
.mod_ind_site .t_list .l a:hover{ color:rgb(72, 73, 77)}
.mod_ind_site .t_list .r .inp_txt{ width:200px; height:28px; background:#EEE; border:none; padding:0 10px; color:#666; float:left; border:1px solid #DDD;}
.mod_ind_site .t_list .r .inp_btn{ width:80px; height:30px; background:#3F4A55; color:#FFF; border:none; cursor:pointer; float:left; font-size:14px}

.mod_ind_site .s_img{ width:528px; height:440px; overflow:hidden}
.mod_ind_site .s_img .i{ width:100%; height:400px; position:relative; overflow:hidden; transition:2.5s}
.mod_ind_site .s_img .i .img{ width:100%; height:400px; position:absolute; z-index:1; transition:3s}
.mod_ind_site .s_img .i .img:hover{transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  -ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.mod_ind_site .s_img .i .f{ width:508px; height:35px; line-height:35px; position:absolute; z-index:2; bottom:0; background:url(../image/case_hover.png) repeat; color:#FFF; font-size:14px; padding:0 10px}
.mod_ind_site .s_img .i .f i{ margin-right:5px}

.mod_ind_site .s_img .t{ width:100%; height:40px; float:left; position:relative}
.mod_ind_site .s_img .t .m{ width:486px; height:39px; border:1px solid #DDD; border-top:none; line-height:40px; font-size:14px; float:left; padding:0 20px; position:absolute; z-index:1}
.mod_ind_site .s_img .t .m em{ color:#D80000}
.mod_ind_site .s_img .t .s{ width:488px; height:40px; background:#D80000; line-height:40px; font-size:14px; float:left; padding:0 20px; color:#FFF; position:absolute; z-index:2; bottom:-40px}

.mod_ind_site .l_img{ width:186px; height:440px; background:#DDD; margin-left:10px; display:inline}
.mod_ind_site .l_img li{ width:186px; height:140px; float:left; margin-bottom:10px; overflow:hidden; position:relative}
.mod_ind_site .l_img li a{ width:100%; height:100%; display:block; transition:2.5s}
.mod_ind_site .l_img li a img{ width:186px; height:140px; position:absolute; z-index:1; transition:3s}
.mod_ind_site .l_img li a img:hover{transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  -ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.mod_ind_site .l_img li a span{ width:166px; height:35px; line-height:35px; overflow:hidden; position:absolute; z-index:2; bottom:0; background:url(../image/case_hover.png) repeat; color:#FFF; font-size:14px; padding:0 10px}
.mod_ind_site .l_img li a span i{ margin-right:5px}
.mod_ind_site .l_img li a:hover span{ background:url(../image/r_case_hover.png) repeat}

.mod_ind_site .list{ width:464px; height:438px; border:1px solid #DDD; position:relative}
.mod_ind_site .list .tt{ width:424px; height:57px; padding:0 20px}
.mod_ind_site .list .tt span{ float:left; font-size:20px; line-height:58px}
.mod_ind_site .list .tt a{ float:right; margin:14px 0 0 0; background:rgb(172, 120, 50); padding:0 20px; height:30px; line-height:30px; color:#FFF; font-size:14px}
.mod_ind_site .list .tr{ width:100%; height:30px; background:#DDD}
.mod_ind_site .list .tr li{ height:30px; float:left; line-height:30px; text-align:center; font-size:14px}
.mod_ind_site .list .tr li.li_1{ width:125px}
.mod_ind_site .list .tr li.li_2{ width:76px; color: rgb(72, 73, 77);}
.mod_ind_site .list .td ul{ width:100%; height:43px; border-bottom:1px solid #DDD; float:left; line-height:43px}
.mod_ind_site .list .td ul li{ height:43px; line-height:43px; float:left; font-size:14px; color:#555; text-align:center; overflow:hidden}
.mod_ind_site .list .td ul li.li_1{ width:125px}
.mod_ind_site .list .td ul li.li_2{ width:76px;color: #555;}
.mod_ind_site .list .td ul:hover{ background:rgb(206, 205, 202)}
.mod_ind_site .list .td ul:hover li{ color:#FFF}
.mod_ind_site .list .td_btn{ width:30px; height:62px; position:absolute; bottom:-1px; right:-31px}
.mod_ind_site .list .td_btn a{ width:30px; height:30px; margin-top:1px; float:left; background:#3F4A55}
.mod_ind_site .list .td_btn a:hover{ background:#D80000}

.mod_ind_more a{
font-size:15px; font-family:"微软雅黑"; height:40px; line-height:40px; padding:0 35px; color:#444;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background:#353a40;
}
.mod_ind_more a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:#3F4A55;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.mod_ind_more a:hover{ color: #FFF;}
.mod_ind_more a:hover:before{
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.mod_ind_more a i{ margin-right:15px; vertical-align:middle; font-size:20px}

.fl{ float:left; display:inline}

.w{ width:100%}
.hot_charging ul,li,p,td{ margin:0px; padding:0px; list-style:none; font-weight:normal; font-style:normal}
.hot_charging .wrap{ width:1200px; margin:0 auto; background:#FFF}
.hot_charging a{ outline:none; text-decoration:none; color:#636366}
.hot_charging .fl{ float:left; display:inline;}
.hot_charging .fr{ float:right; display:inline}
.hot_charging .w{ width:100%}

/*热装楼盘*/



/**体验馆**/
.yiyans{ width: 100%; height: 500px;  background-color: #ebeef0;}
.yiyans_dtg{ width: 1200px; height: 587px; margin: 0 auto;}
.yiyanss{ width: 1200px; height: 400px;}
.yiyans_img_bgs{ width: 390px; height: 260px; float: left;  overflow: hidden;
    position: relative;
    margin-right: 8px;
    margin-bottom: 5px;}
.yiyans_img_bgs_type {
    width: 55px;
    height: 25px;
    background-color: #B20000;
    color: #ffffff;
    line-height: 25px;
    text-align: center;
    z-index: 9;
    left: 0px;
    position: absolute;
    top: 90px;
}

.yiyans_img_bgs_fo{
    width: 390px;
    height: 35px;
    background-image: url("../../imgs/static/case_bar.png");
    background-repeat: repeat;
    position: absolute;
    z-index: 9;
    bottom:0px;
    color: #DDD;
    font-size: 13px;
    line-height: 35px;

    text-indent: 1em;
}
.yiyans_img_bgs img:hover {
    transform: scale(1.2);
}

.yiyans_img_bgs img {
    transition: all 0.5s;
    cursor: pointer;
}

.tes123{  animation: amp 5.5s infinite alternate ease-in-out; background-repeat: no-repeat; overflow: hidden;
width: 640px; height: 480px; float: left;  }

@-webkit-keyframes amp {
         0%  { background-position:0% 0%;}
         100% {background-position:100% 0%;}
}
.yanswa2{ width: 550px; height: 480px; float: right; }
.yanswa2_tosd{ width: 550px; height: 230px;  }
.yanswa2_bom{ width: 550px; height: 240px;   margin-top: 10px;  }

.yanswa2_bom:hover {
        -webkit-animation:amp 5.5s infinite alternate ease-in-out;
        -moz-animation:amp 5.5s infinite alternate ease-in-out;
}

.yanswa2_tosd:hover {
        -webkit-animation:amp 5.5s infinite alternate ease-in-out;
        -moz-animation:amp 5.5s infinite alternate ease-in-out;
}
.zs{ width: 100%; height: 620px; background-image: url("../../imgs/static/nbg.jpg"); background-repeat: repeat;}
.zs_bg{ width: 1200px; height: 550px; margin: 0 auto;  }
.zs_ndw{ width: 1200px; height: 420px; margin-top: 30px;}
.zs_ndw_t1{ width: 380px; height: 400px; float: left; margin-right: 22px;   background-color: #ffffff;  box-shadow: 0px 15px 15px rgba(0, 0, 0, .1);}
.zs_ndw_tlt{ width: 380px; height: 48px; font-family: "微软雅黑"; font-size: 18px; font-weight: bold;  text-indent: 2em;  line-height: 48px;}

.zs_ndw_tlt span{ font-size: 14px;color:#333333; float: right; }

.zs_ndw_f{ width: 370px; height: 140px; margin-left: 10px; font-size: 12px;}
.zs_ndw_f span{ float: right; margin-right: 8px;}
.zs_ndw_f a{ text-decoration: none; color: #333333;}
.decoration_sample_room{ width: 100%; height: 520px;  background-color: #f1f1f1;}
.decoration_sample_room_bg{ width: 1200px; height: 410px;  margin: 0 auto;}
.decoration_left{width: 485px; height: 385px; float: left; }
.decoration_left_m{ width: 430px; height: 380px; margin-left: 9px;  float: left;}

.decoration_left_r{ width: 258px; height: 380px; margin-left: 9px;   float: left;}
.decoration_left_m1{ width: 430px; height: 210px; }
.decoration_left_mm{ width: 430px; height: 170px; }
.decoration_left_mm1{ width: 205px; height: 163px;  float: left; margin-top: 8px;}
.decoration_left_mm2{ width: 205px; height: 163px;  margin-left: 15px; margin-top: 8px; float: left}
.brand{ width: 100%; height: 850px;  background-color: #f1f1f1}
.brandb{ width: 1200px; height: 720px; margin: 0 auto;}
.bra1{ width: 380px; height: 180px; float: left; margin-right: 23px; margin-top: 25px; font-family: 'Microsoft YaHei'; color: #000; font-size: 20px; line-height: 30px;  }
.bra1 span{ font-weight:bold;}
.bra1:hover{ color: #167a58;}
.bra1:hover{ transition: 0.2s; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); transform: translateY(-5px);}
.bra2{ width: 380px; height: 270px; margin-top: 23px; float: left; margin-right: 23px; font-family: 'Microsoft YaHei'; color: #000; font-size: 20px; line-height: 30px; }
.bra2 span{ font-weight:bold;}
.bra2:hover{ color: #167a58;}
.bra2:hover{ transition: 0.2s; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); transform: translateY(-5px);}
.gtop{ width: 100%; height: 130px; background-image: url("../../imgs/static/gtop.png"); background-repeat: repeat;}
.kdeMoe a:hover{ border:1px solid #fdc922; color: #fdc922}
.kdeMoe a{border: 1px solid #555;color: #555;}

/*川号*/
.mod_ind_news{ font-family:"微软雅黑"}
.mod_ind_news .sub{ margin:40px 0 20px 0; font-family:"微软雅黑"}
.mod_ind_news .sub h2{ width:100%; text-align:center; float:left}
.mod_ind_news .sub h2 a{ font-size:26px}
.mod_ind_news .sub p{ width:100%; text-align:center; float:left; font-size:14px; color:#999; margin-top:10px}
.mod_ind_news .news{ width:100%; height:510px; float:left; position:relative}
.mod_ind_news .list{ height:400px; margin-top:60px; float:left; position:absolute}
.mod_ind_news .list ul{ width:281px; border:1px solid #DDD; border-right:none; float:left; position:relative; z-index:1; padding-bottom:20px}
.mod_ind_news .list ul.on{ width:352px; z-index:2px; top:-40px; border:none; z-index:2; position:relative; -moz-box-shadow: 3px 3px 20px #CCC; box-shadow: 3px 3px 20px #CCC;}
.mod_ind_news .list ul:nth-child(4){ border-right:1px solid #DDD}
.mod_ind_news .list ul .t{ width:100%; height:120px; float:left; border-bottom:1px solid #DDD; overflow:hidden}
.mod_ind_news .list ul.on .t{ height:162px; border-bottom:none}
.mod_ind_news .list ul .t img{ width:100%; height:120px; position:absolute; z-index:1; left:0; top:0}
.mod_ind_news .list ul .t div{ width:100%; height:100px; position:absolute; z-index:2; left:0; top:0; background:#F6F6F6; text-align:center; padding-top:20px}
.mod_ind_news .list ul .t div i{ font-size:48px; color:#666}
.mod_ind_news .list ul .t div span{ width:100%; float:left; text-align:center; font-size:16px; margin-top:5px; color:#444}
.mod_ind_news .list ul.on .t img{ width:100%; height:162px; position:absolute; z-index:1; left:0; top:0}
.mod_ind_news .list ul.on .t div{ background:none}
.mod_ind_news .list ul.on .t div i{ font-size:64px; color:#FFF}
.mod_ind_news .list ul.on .t div span{ width:100%; float:left; text-align:center; font-size:20px; margin-top:5px; color:#FFF}
.mod_ind_news .list ul .l{ width:220px; padding:20px 30px 10px 30px; float:left}
.mod_ind_news .list ul .d{ display:none}
.mod_ind_news .list ul.on .l{ display:none}
.mod_ind_news .list ul .l a{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#666}
.mod_ind_news .list ul .l a:hover{ color:#D80000}
.mod_ind_news .list ul.on .d{ display:block}
.mod_ind_news .list ul .d{ width:292px; padding:20px 30px 10px 30px; float:left}
.mod_ind_news .list ul .d .s{ width:100%; height:70px; float:left; overflow:hidden}
.mod_ind_news .list ul .d .s a{ width:100%; float:left}
.mod_ind_news .list ul .d .s a img{ width:100px; height:70px; float:left}
.mod_ind_news .list ul .d .s a h3,.mod_ind_news .list ul .d .s a p{ width:177px; float:left; padding-left:15px}
.mod_ind_news .list ul .d .s a h3{ height:20px; line-height:20px; font-size:15px; color:#2b2934; overflow:hidden}
.mod_ind_news .list ul .d .s a:hover h3{ color:#2b2934}
.mod_ind_news .list ul .d .s a p{ height:40px; line-height:180%; color:#666; overflow:hidden; margin-top:10px; font-size: 12px;}
.mod_ind_news .list ul .d .s a:hover p{ text-decoration:underline}
.mod_ind_news .list ul .d .x{ width:100%; float:left; margin-top:10px}
.mod_ind_news .list ul .d .x a{ width:100%; float:left; height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#666}
.mod_ind_news .list ul .d .x a:hover{ color:#2b2934}
.mod_ind_news .list ul .m{ width:100%; float:left; text-align:right}
.mod_ind_news .list ul .m a{ float:right; padding-right:20px}
.mod_ind_news .list ul .m a i{ font-size:24px; color:#888}
.mod_ind_news .list ul.on .m a i{ color:#2b2934}
.mod_ind_news .list ul .m a:hover i{ color:#2b2934}
.mod_ind_news a{ text-decoration: none;}

.decoration_left:hover .mask_box_3d_left{ display: block;}
.mask_box_3d_left{ position: absolute; z-index: 9; background-color: rgb(0, 0, 0);
filter: alpha(opacity=20);
background-color: rgba(0, 0, 0, 0.2);  width: 485px; height: 385px;display: none; }
.mask_box_3d_left img{ position: absolute; left: 205px; top: 155px;
}
.decoration_left_m1:hover .mask_box_3d_m1{ display: block;}
.mask_box_3d_m1{position: absolute; z-index: 9; background-color: rgb(0, 0, 0);
filter: alpha(opacity=20); display: none;
background-color: rgba(0, 0, 0, 0.2);  width: 430px; height: 210px;}

.mask_box_3d_m1 img{position: absolute; left: 175px; top: 65px;}
.mask_box_3d_mm1 {position: absolute; z-index: 9; background-color: rgb(0, 0, 0); display: none; background-color: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20);  width: 205px; height: 165px;}
.mask_box_3d_mm1 img{position: absolute; left: 65px; top: 42px;}
.decoration_left_mm1:hover .mask_box_3d_mm1{ display: block;}
.mask_box_3d_mm2{position: absolute; z-index: 9; background-color: rgb(0, 0, 0); display: none; background-color: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20);  width: 205px; height: 165px;}
.mask_box_3d_mm2 img{position: absolute; left: 65px; top: 42px;}
.decoration_left_mm2:hover .mask_box_3d_mm2{ display: block;}
.mask_box_3d_r{position: absolute; z-index: 9; background-color: rgb(0, 0, 0);  display: none;  background-color: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20);  width: 260px; height: 380px;}
.mask_box_3d_r img{position: absolute; left: 92px; top: 150px;}
.decoration_left_r:hover .mask_box_3d_r{ display: block;}
 @font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('../../skin/iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}


.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*遮罩层*/
	.mask_box_3d {
	  display: none;
	  position: absolute;
	  top: 0;
	  width: 380px;
	  height: 274px;
	  background: rgba(59, 57, 57, 0.77);
	  text-align: center;
	  cursor: pointer;
	}
	.mask_box_3d a {
	  display: block;
	  border: none;
	}
	.mask_box_3d a img {
	  width: 74px;
	  height: 74px;
	  margin-top: 100px;
	}
    .itemdwad{ width: 380px; height: 274px; float: left; margin-right: 20px;}
.itemdwad:hover .mask_box_3d {
	  display: block;
	}



	.itemdwad{
	  /*font-weight: bold;*/
	  font-size: 14px;

	}
    .itemdwad a{ text-decoration: none; color: #000810;  }
.itemdwad .btnbox {
	  border-radius: 10px;
	  font-size: 12px;
	  display: inline-block;
	  height: 25px;
	  width: 75px;
	  text-align: center;
	  line-height: 25px;
	  color: #4f4a4a;
	  border: 1px solid #aa895c;
	  margin-right: 8px;
	  float: right;
	  vertical-align: middle;
      margin-top: 10px;
	}
	.itemdwad .btnbox:hover {
	  background-color: #aa895c;
	  color: #fff;
	  border: 1px solid #aa895c;
	}

.itemdwad .bgbox {
  width: 380px;
  margin-right: 15px;
  float: left;
  margin-bottom: 16px;
  height: 328px;
  background: #fff;
  border: 2px solid #fff;
  padding: 6px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.itemdwad.bgbox:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid #fff;
  padding: 6px;
}
/**设计师部分**/
a,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
 ol,ul{list-style:none}
 li{list-style:none}
 ul{list-style-type:square}
 :focus{outline:0}
 img{border:0}
 img{vertical-align:middle}
 table{empty-cells:show}
 ins{text-decoration:none}
 del{text-decoration:line-through}
 em{font-style:normal}
 button::-moz-focus-inner,input[type=reset] ::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0;padding:0}
 table{border-spacing:0;border-collapse:collapse}
 td,th{padding:0}
 input[type=button]{border:0;padding:0}
 .clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden}
 .clearfix{clear:both}
 .clearfix{display:block}
 h1{font:20px Times New Roman,Tahoma,Arial,Verdana,"Microsoft Yahei","微软雅黑"}
 h2,h3{font-size:14px}
 h4,h5,h6{font-size:12px}
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
body{font:14px Times New Roman,Tahoma,Arial,Verdana,"Microsoft Yahei","微软雅黑";color:#282828;text-align:left; /*background:#f0eeef*/}
 .container a{color:#282828;text-decoration:none}
 .container a:hover{text-decoration:none}

.designer .designer_left{float: left; width: 34%; margin-top: 20px; overflow: hidden;}
.designer .designer_left dd{display:inline-block; margin-right:10px; margin-bottom:5px; width:192px; height:192px; position: relative; overflow: hidden;}
.designer .designer_left dd img{ width:100%; height:100%;}
.designer .designer_left dd .ds_names{display:block; background: rgba(255, 131, 21, .2); width:100%; height:100%; font: normal bold 20px/192px 'Microsoft YaHei'; text-align: center; letter-spacing:3px; color:#FFF; position: absolute; left:0; top:0; transform: translateX(-200px); transition: all .5s;}
.designer .designer_left dd a::after{content: ''; display:block; background: rgba(255, 131, 21, .2); width: 100%; height: 100%; position: absolute; top: 0; left: 100%; transition: all .5s;}

.designer .designer_left dd a:hover .ds_names{transform: translateX(0px);}
.designer .designer_left dd a:hover::after{left:0;}


.designer .designer_right{float:left; width:65%; overflow: hidden; margin-top: 20px;}
.designer .designer_right .designer_headlines {margin-right: 10px; width:49%; height:394px; float:left; margin-bottom: 11px; overflow: hidden;position: relative; }
.designer .designer_right .designer_headlines img{ width:100%; height:100%;}

.designer .designer_right .designer_headlines i{width: 131px; height: 131px; background: url("../../imgs/static/ds_recommed.png") no-repeat; position: absolute; top: 0; left: 0;}
.designer .designer_right .designer_headlines div{box-sizing: border-box; padding: 20px 0 20px 20px; color:white; width: 262px; background: rgba(255, 131, 21, .8); position: absolute; right: -265px; bottom: 20px; transition: all .5s;}
.designer .designer_right .designer_headlines a:hover div{right: 0;}
.designer .designer_right .designer_headlines h3{ display:block; padding-left:50px; height:40px;font-size: 30px; line-height: 40px; background: url("../ds_icon.png") no-repeat;}
.designer .designer_right .designer_headlines div p{line-height:20px;}
.designer .designer_right .designer_headlines div span{display: block; margin: 10px auto 0 auto; width: 126px; height: 38px; line-height: 38px; color: #FFF; text-align: center; background: #017f40; border-radius:19px;}
.designer .designer_right .designer_headlines div span{-webkit-animation: moveTo 1.5s linear infinite; animation: moveTo 1.5s linear infinite}





/*设计轮播图*/
.designer .designer_right .swiper-container{ float:right; width:386px; height:394px;min-width: 386px; overflow:hidden;}
.designer .designer_right .swiper-slide a{width:386px;height:393px; position:relative;}
.designer .designer_right .swiper-container img{width:100%; height:296px;}
.designer .designer_right .swiper-container-horizontal > .swiper-pagination-bullets{display: inline-block; width:100%; position: absolute; top:260px; left:0; text-align:right;}

.designer .designer_right .swiper-container-horizontal .swiper-pagination-bullet{opacity: 1; background: rgba(0, 0, 0, 0.5);}
.designer .designer_right .swiper-pagination-bullet-active{transition: all .7s; width: 40px; border-radius: 10px; background: #ff9517 !important; opacity: 0.9 !important;}


/*文字说明*/
.silder_text{box-sizing:border-box;width: 386px; height:96px; background: #FFF; padding:10px; border: 1px solid #CCC; cursor: default; overflow:hidden;}
.silder_text h5{font: normal normal 16px/30px 'Microsoft YaHei';}
.silder_text p{color: #999;}

/*箭头特效*/
.designer .designer_right .designer_left_yy{position: relative;}
.designer .designer_right .designer_left_yy span{display: inline-block; width: 35px; height: 35px; border-radius: 50%; border: 2px solid #FFF; position: absolute; right: 7px; top: 35px; box-sizing: border-box; overflow: hidden;}
.designer .designer_right .designer_left_yy i{display: block; color: #FFF; font: normal bold 22px/33px 'Microsoft YaHei'; position: absolute; left: 6px; animation: arrowGoOut 2.5s infinite;}
 /*轮播图界面*/
 .swiper-container{margin: 0 auto; width: 100%; min-width: 1200px; height: 560px; z-index: 1}
 .swiper-slide{z-index:20;}
 .swiper-pagination-fraction{bottom: 55px;}
 .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 50%; background: #fff;}
 .swiper-pagination-bullet-active{background: #eb6100;}
 .swiper-slide > a{display:block !important; background-size: contain; overflow: hidden;}
 .swiper-slide img{height:100%;}
 .swiper-button-prev{width: 80px; height: 560px; position: absolute; left: 0; top: 50%; margin-top: -280px; z-index: 500; cursor: pointer; background-position: center center; background-size: 40% auto;}
 .swiper-button-next{width: 80px; height: 560px; position: absolute; right: 0; top: 50%; margin-top: -280px; z-index: 600; cursor: pointer; background-position: center center; background-size: 40% auto;}


 .mfesimg,.mfesimgdwa1{ position: absolute; z-index: 8 }
.mfesimg img{ position: absolute; left: 205px; top: 155px;}
.mfesimgdwa1 img{position: absolute; left: 175px; top: 65px;}
.mfesimgdwam1{ position: absolute; z-index: 8;}
.mfesimgdwam1 img{position: absolute; left: 65px; top: 42px;}
.mfesimgdwam2{position: absolute; z-index: 8;}
.mfesimgdwam2 img{position: absolute; left: 65px; top: 42px;}
.mfesimgdwar{position: absolute; z-index: 8;}
.mfesimgdwar img{position: absolute; left: 92px; top: 150px;}