@charset "utf-8";
#Index{min-width: 1200px;}
#banner{height: 815px;}
#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*品牌故事*/
.gs_top { text-align:center; padding:86px 0 60px; font-size: 34px; line-height: 44px; font-weight: bold;}
.gs_top span{color: #ca1621;}

.gs_con ul li { float:left; width:300px; height:150px;  text-align:center;}
.gs_con ul .nobor { background:none;}
.gs_con ul li a em { display:block; padding:40px 0 0; line-height:24px; font-size:15px; color:#333}

/**/
.zx_con { height:143px; overflow:hidden;}
.zx_con dl { width:1198px; height:48px; border:solid 1px #eee; margin-bottom:17px;}
.zx_con dl dt { float:left;}
.zx_con dl dt a { width:228px; height:48px; line-height:48px; background:#333; font-size:18px; color:#fff; display:block; text-align:center;}
.zx_con dl dt a:hover,.zx_con dl .cur a { background:#ca1621;}
.zx_con dl dd { float: right; width:940px; padding-right:11px; height:48px; line-height:48px;overflow: hidden;}
.zx_con dl dd em { display:block; float:right;}
.zx_con dl dd em a { text-transform:uppercase; color:#999;}
.zx_con dl dd a { font-size:14px; color:#333; padding-right:20px;}
.zx_con dl dd a:hover { color:#ca1621;}


/*实景·精品案例分类赏析*/
.zx_tp { clear:both; width:1200px; height:898px; position: relative;}
.zx_pic01 { top:0; left:0; width:380px; height:529px; position:absolute; overflow:hidden;}
.zx_pic01 a span { display:none; position: absolute; top:0; left:0; background:url(/html/images/home/cp_spbg02.png) no-repeat; width:380px; height:529px;}
.zx_pic01 a:hover span { display: block;}
.zx_pic01 a span em { display:block; padding:260px 0 0; text-align:center; font-size:20px; color:#fff;}
.zx_pic01 a span em i { display:block; font-size:12px; color:#fff; text-transform:uppercase; padding:15px 0 0;}
.zx_pic02 { top:283px; left:822px; width:380px; height:529px;}

.zx_tp ul li { float:left; position:relative; width:380px; height:250px; margin:0 0 30px 30px; overflow:hidden;}
.zx_tp ul li a span { display:none; position: absolute; top:0; left:0; background:url(/html/images/home/cp_spbg01.png) no-repeat; width:380px; height:250px;}
.zx_tp ul li a:hover span { display: block;}
.zx_tp ul li a span em { display:block; padding:112px 0 0; text-align:center; font-size:20px; color:#fff;}
.zx_tp ul li a span em i { display:block; font-size:12px; color:#fff; text-transform:uppercase; padding:15px 0 0;}

.zx_tp ul .zx_li01 { margin-left:409px;}
.zx_tp ul .zx_li02 { margin:0 409px 30px;}
.zx_tp ul .zx_li03 { margin:0;}


/*合作伙伴*/
.cp_bg { background:#323232;padding-bottom:50px;}
.cp_bg .gs_top a{color:#fff}
.cp_con p { width:383px; height:390px; border-right:solid 1px #dbdbdb; float:left; margin-right:45px;}
.cp_con .nobor { margin:0; width:338px; border:none;}
.cp_con p a img { display:block; border-left:solid 20px #ca1621; width:318px; height:203px;}
.cp_con p a b { display:block; font-size:24px; color:#333; padding:20px 0 8px;}
.cp_con p a em { display:block; font-size:20px; color:#333; padding:0 0 18px;}
.cp_con p a span { display:block; font-size:14px; color:#555; line-height:25px;}

/*考究的是细节*/
.xj_bg { background:#f5f5f5; height:690px;}
.xj_con p { width:383px; height:390px; border-right:solid 1px #dbdbdb; float:left; margin-right:45px;}
.xj_con .nobor { margin:0; width:338px; border:none;}
.xj_con p a img { display:block; border-left:solid 20px #ca1621; width:318px; height:203px;}
.xj_con p a b { display:block; font-size:24px; color:#333; padding:20px 0 8px;}
.xj_con p a em { display:block; font-size:20px; color:#333; padding:0 0 18px;}
.xj_con p a span { display:block; font-size:14px; color:#555; line-height:25px;}

/*优势*/
.ys_bg { background:url(/html/images/home/ys_bg.jpg) no-repeat center 0; height:762px;}
.ys_bg .gs_top { padding:90px 0 35px; text-align:center;color:#fff}
.ys_bg .gs_top a{color:#fff}
.ys_con dl dt { float:left;} 
.ys_con dl dt a img { width:588px; height:365px;}
.ys_con dl dd { float:left;  width:552px; height:250px; position:relative; padding:115px 0 0 44px;}
.ys_con dl dd i { display:block; position:absolute; top:70px; left:-58px;}
.ys_con dl dd span a { display:block; font-size:28px; color:#fff; padding-left:28px; height:58px; border-bottom:solid 1px #595a5a; width:425px; margin-bottom:30px;}
.ys_con dl dd span a em { font-size:20px;}
.ys_con dl dd span a b { font-size:40px;}
.ys_con dl dd p { background: url(/html/images/home/ys_ico01.gif) no-repeat 0 14px; padding-left:27px; font-size:14px; color:#a9a9a9; line-height:30px; color:#acacac; width:460px; height:100px;}
.ys_con dl dd em { display:block; padding:0 0 0 27px;}
.ys_con dl dd em a { margin-right:13px;}

.ys_pic ul li { float:left; width:300px;}
.ys_pic ul li a { display:block; width:300px; height:102px; position:relative; overflow:hidden;}
.ys_pic ul li a span { display:block; position:absolute; top:20px; left:60px;}
.ys_pic ul li a b { display:block; font-size:20px; color:#fff;}
.ys_pic ul li a em { display:block; font-size:14px; color:#a6a6a6; font-family:Arial; padding:8px 0;}
.ys_pic ul li a i { width:15px; height:2px; background:#fff; display:block; line-height:0; font-size:0}
.ys_pic ul li a:hover,.ys_pic ul .cur a { border:solid 3px #c51414; width:294px; height:96px;}



/**/
.td{ overflow:hidden;}
.td01 { padding:70px 0 0; width:300px;}
.td01 span { display:block;}
.td01 span a { font-size:20px; color:#333}
.td01 span a em { display:block; font-size:18px; color:#ca1621; padding:13px 0 0;}
.td01 p { font-size:14px; color:#333; padding:30px 0; line-height:30px;}
.td01 p em { display:block; margin-bottom:15px;}
.td01 i a { width:126px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#333; border:solid 2px #bdbdbc; display:block; float:left; margin:0 20px 0 0;}
.td01 i a:hover { color:#ca1621; border:solid 2px #ca1621;}

.td02 { width:565px; margin:0 0 0 45px;position:relative;}
.td_le { top:233px; left:0;position:absolute;}
.td_ri { top:233px; right:0; z-index:999;position:absolute;}
.td_pic a img { width:437px; height:562px; margin:0 auto; display:block; }

.td03 { width:265px; padding:63px 0 0;}
.td03 ul li { float:left; margin:0 0 2px 2px;}
/* .td03 ul li a img { width:130px; height:109px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.td03 ul li a:hover img,.td03 ul .cur a img { width:130px; height:109px;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray;} */


/*定制服务流程*/
.lc_bg { background:#f5f5f5; height:590px;}
.lc_con { height:300px; background:#fff; overflow:hidden;}
.lc01 { height:300px; } 
.lc_p { padding:75px 0 0; float:left;}
.lc_p a b { display:block; font-size:16px; color:#555; text-align:center; padding:40px 0 0; line-height:30px;}
.lc_p a em { display:block; font-family:Arial; font-size:12px; color:#555; text-align:center; padding:10px 0 0;}
.lc01 dl {  background:url(/html/images/home/lc_pbg.jpg) no-repeat; width:600px; height:300px;float:left;}
.lc_p a{ display:block;border-right:solid 1px #f5f5f5;float:left;}
.lc_p a.cur b,.lc_p a.cur em{ color:#ca1621;}
.lc_p>span{display: none}

.lc01 dl dt { float:left; padding:75px 0 0; width:120px;}
.lc01 dl dt a img { width:94px; margin:0 auto; display:block;}
.lc01 dl dt a b { display:block; font-size:16px; color:#fff; text-align:center; padding:40px 0 0; line-height:30px;}
.lc01 dl dt a em { display:block; font-family:Arial; font-size:12px; color:#fff; text-align:center; padding:10px 0 0;}
.lc01 dl dd { float:left; padding:59px 0 0 50px; width:402px;}
.lc01 dl dd b { display:block; height:36px; line-height:36px; font-size:16px; color:#fff;}
.lc01 dl dd span { display:block; font-size:14px; color:#e2babc; line-height:30px; padding:20px 0 0; height:60px; overflow:hidden;}
.lc01 dl dd p { padding:35px 0 0 30px; font-size:14px; color:#fff;}
.lc01 dl dd p em { font-size:24px; font-weight:bold;}

/*印象*/
.zj_bg { background:url(/html/images/home/zj_bg.jpg) no-repeat center 0; height:840px;}
.zj_bg .gs_top { padding-bottom:17px;}
.zj_bg .gs_top a{color: #fff}
.zj_pic { width:906px; height:394px; border:solid 4px #000; margin:0 auto;}
.zj_bg p { text-align:center; padding:20px 0 0;}
.zj_bg p span a { display:block; font-size:20px; color:#fff;}
.zj_bg p em { display:block; font-size:14px; color:#fff; line-height:25px; padding:10px 0 30px;}
.zj_bg i { padding-left:360px; display:block}
.zj_bg i a { width:126px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; border:solid 2px #fff; display:block; float:left; margin:0 34px 0 0;}
.zj_bg i a:hover { color:#ca1621; border:solid 2px #ca1621;}

/*行业资讯*/
.dt_top { padding:88px 0 25px; text-align:center;}
.dt_bt { height:35px; margin-bottom:16px;}
.dt_bt ul li { float:left; margin-right:22px;}
.dt_bt ul li a { font-size:20px; color:#111; font-weight:bold; height:35px; display:block;}
.dt_bt ul li a:hover,.dt_bt ul .cur a { color:#bc1c18; background:url(/html/images/home/dt_xx01.gif) no-repeat 0 bottom;}

.dt_con01 { width:599px;}
.dt_con01 dl dt p { background:#bc1c18; width:239px; height:160px; float:left;}
.dt_con01 dl dt p span { display:block; padding:30px 0 0 70px; font-size:18px; font-weight:bold; color:#fff;}
.dt_con01 dl dt p span em { font-size:60px;}
.dt_con01 dl dt p span i { display:block; font-size:12px; color:#ea4743; font-weight:normal;}
.dt_con01 dl dt a{width:360px;height:160px;display:inline-block;}
.dt_con01 dl dt a img { width:360px; height:160px;}
.dt_con01 dl dd { padding:25px 0 0;}
.dt_con01 dl dd b a { font-size:16px; color:#111;}
.dt_con01 dl dd b a:hover { color:#bc1c18}
.dt_con01 dl dd p { font-size:14px; color:#333; line-height:24px; padding:10px 0 0;}
.dt_con01 dl dd p a { color:#bc1c18}

.dt02 { width:552px;}
.dt_con02 dl { height:120px; padding:40px 0 0; background:#fbfbfb}
.dt_con02 dl dt { float:left; width:170px; text-align:center; font-size:24px; color:#959595; font-weight:bold;}
.dt_con02 dl dd { float:left; width:340px;}
.dt_con02 dl dd b a { display:block; font-size:16px; color:#111; margin-bottom:20px;}
.dt_con02 dl dd b a:hover { color:#bc1c18}
.dt_con02 dl dd p { font-size:14px; color:#333; line-height:25px;}
.dt_con02 dl dd p a { color:#bc1c18;}
.dt_con02 ul li { height:65px; line-height:65px; border-bottom:solid 1px #eee; padding-left:34px;}
.dt_con02 ul li a { font-size:14px; color:#333;}
.dt_con02 ul li a:hover { color:#bc1c18}

/*常见问答*/
.wd { padding:80px 0 0; height:180px;}

.wd_top { width:155px;}
.wd_top b a { display:block; font-size:20px; color:#111;}
.wd_top b a:hover { color:#bc1c18}
.wd_top em { display:block; font-size:14px; color:#999; padding:5px 0 25px;}
.wd_top i a { margin-right:10px;}
.wd_con { width:1045px;}
.wd_con dl { float:left; width:444px;}
.wd_con dl dt { height:34px; border-bottom:solid 2px #747474}
.wd_con dl dt a { font-size:14px; color:#333; height:22px; line-height:22px; font-weight:bold;}
.wd_con dl dt a:hover { color:#bc1c18}
.wd_con dl dt a img { float:left; display:block; padding-right:15px;}
.wd_con dl dd { padding:20px 0 0 35px; font-size:14px; color:#333; line-height:24px;}
.wd_con i { display:block; float:left; padding:0 45px;}
.wd_con p { float: right;}
.wd_con p a { display:block; float:left; width:140px; margin-left:45px;}
.wd_con p a em { display:block; font-size:14px; color:#333; line-height:25px; margin-bottom:30px;}
.wd_con p a:hover em { color:#bc1c18}

.mainFilter{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9998;background-color: rgba(0,0,0,.5);display:none;}
.video{width:900px;position:fixed;top:50%;left:50%;z-index:9999;display:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video iframe,.video video{width:100%;display:block;}
.video .close{width:30px;height:30px;cursor:pointer;position:absolute;top:-30px;right:0px;z-index:5;transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
.video .close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}

.join_bg{height:670px;background:url(/html/images/home/join.jpg) no-repeat center;background-size:cover;}
.join_bg>a{display:block;width:100%;height:100%;}

@media screen and (max-width: 768px) {
    #Index{min-width: 100%;}
    #banner{height:180px;}
    .gs_top{padding:50px 0 20px;font-size:18px;line-height:20px;}
    .gs_con ul li{width:100%;height:auto;text-align:left;border-bottom:1px #ddd dashed;padding:10px 0px;}
    .gs_con ul li a{clear:both;}
    .gs_con ul li a img{height:25px;padding-top:10px;float:left;}
    .gs_con ul li a em{float:right;width:62%;padding:0}
    .zx_con{height:auto;}
    .zx_con dl{width:100%;height:auto;border:none}
    .zx_con dl dt{width:60%;}
    .zx_con dl dt a{width:100%;height:30px;line-height:30px;background:#c81623;font-size:14px;}
    .zx_con dl dd{float:none;width:100%;height:auto;overflow:inherit;background:#f2f2f2;}
    .zx_con dl dd a{height:30px;line-height:30px}
    .zx_con dl dd em{display:inline-block;line-height:30px;width:40%;text-align:right;background:#333;}
    .zx_con dl dd em a{font-size:12px;}
    .zx_con dl dd>div{padding:10px;clear:both}
    .zx_con dl dd>div a{float:left;padding:0px 0px 0px 3%;}
    .zx_tp{display:none}

    .xj_bg,.cp_bg{height:auto;}
    .xj_con p,.xj_con .nobor{width:100%;height:auto;margin-right:0;margin-bottom:20px;border-right:none}
    .xj_con p a img{border-left:none;width:100%;height:auto;}
    .xj_con p a b{font-size:1rem;color:#c81623;padding:10px 8px 5px 0px;display:inline-block;}
    .xj_con p a em{font-size:1rem;color:#c81623;padding:0px;display:inline-block;}

    .ys_bg{height: 650px;}
    .ys_bg .gs_top{padding:53px 0 20px}
    .ys_con dl dt a img{height:auto;}
    .ys_con dl dd{width:100%;padding:0px;}
    .ys_con dl dd i{display:none}
    .ys_con dl dd span a{width:auto;height:auto;margin-bottom:10px;font-size:1rem;padding:10px 0px 10px 28px;}
    .ys_con dl dd span a b{font-size:1.5rem;}
    .ys_con dl dd p{width:auto}
    .ys_con dl dd em{display:none}
    .ys_pic{text-align: center}
    .ys_pic ul li{float:none;width:20px;height:20px;overflow:hidden;display:inline-block;border-radius:10px;background:#000;margin:0px 5px;}
    .ys_pic ul li img{display:none}
    .ys_pic ul .cur{width:50px;}
    .ys_pic ul .cur a { background:#c51414; width:100%; height:20px;}

    .td{position:relative;}
    .td01{position:absolute;z-index:1;right:0%;top:38%;width:55%;background:rgba(244,244,244,0.9);padding:0.5rem 1rem;border-radius:5px;}
    .td01 span a{font-size:1rem;color:#ca1621;}
    .td01 p em{margin-bottom:5px;}
    .td01 p{font-size:12px;padding:0px 0;line-height:18px;}
    .td01 i{display:none}
    .td02{width:100%;margin:0px;}
    .td02 .pa{display:none}
    .td_pic{width:80%;}
    .td_pic a img{height:auto;}
    .td03{width:100%;padding:2px 0 0;}
    .td03 ul li{width:16.14%;}
    .td03 ul li:first-child{margin:0 0 2px 0px}
    .td03 ul li a img,.td03 ul li a:hover img, .td03 ul .cur a img{height:auto;}
    .td03 i{display:none}

    .lc_bg{background:none;height:auto}
    .lc01 .lc01_content{display:none}
    .lc_p{padding:0px;text-align:center;}
    .lc_p a.cur b,.lc_p a.cur em,.lc_p a.cur i{color:#555}
    .lc_p a{float:none;border:none;width:30%;background:#f5f5f5;margin:1%;display:inline-block;}
    .lc_p a b,.lc_p a em{font-size:14px;padding:0;line-height:24px;}
    .lc_p>span{display:inline-block;width:30%;}
    .lc_p>span a{background:none;width:100%;display:table;color:#555}
    .lc_p>span a b{display:block;color:#c81623;padding:0.35rem 0;}
    .lc_p>span a em{width:6.79rem;height:1.75rem;line-height:1.75rem;border-radius:13rem;font-size:0.83rem;color:#fff;text-align:center;display:block;background:#c81623;margin:0 auto;}
    .lc_p>span a.cur em{color:#fff;}

    .zj_bg{height:auto;}
    .zj_pic{width:100%;height:auto;border:none}
    .zj_bg p{padding:10px 0 0;}
    .zj_bg p span a{font-size:1rem;}
    .zj_bg p em{line-height:20px;padding:5px 0 30px;}
    .zj_bg i{display:none}

    .dt_con01{width:100%;}
    .dt_con01 dl dt p{width:45%;height:120px;}
    .dt_con01 dl dt p span{padding:0px 0 0 20px;}
    .dt_con01 dl dt p span em{font-size:40px;}
    .dt_con01 dl dt a{width:55%;height:120px;display:inline-block;overflow: hidden;}
    .dt_con01 dl dt a img{max-width:none;width:auto;height:auto;max-height:120px;}
    .dt_con01 dl dd b a,.dt_con02 dl dd b a{font-size:14px}
    .dt_con02 dl{background:none}
    .dt_con02 dl dt{display:none}
    .dt_con02 ul li{height:auto;line-height:30px;padding-left:0px;}

    .wd{padding:40px 0 0;height:auto;}
    .wd_top{width:auto;float:none;}
    .wd_top em,.wd_top b{display:inline-block}
    .wd_top i{display:none}
    .wd_con{width:100%;}
    .wd_con dl{width:100%;float:none;}
    .wd_con dl dd{padding:5px 0 0 0px;}
    .wd_con i{display:none}
    .wd_con p{margin:10px 0px 20px 0px;}
    .wd_con p a{margin-left:0px;width:100%;border-bottom:solid 1px #eee;line-height:30px;}
    .wd_con p a em{margin-bottom:0px}
    .wd_con p a img{display:none}

    .video{width:100%;height:300px;}
    .video video{width:100%;height:100%;}

    .join_bg{background-image:url(/html/images/home/join_m.jpg);height:240px;}
}