@charset "utf-8";

/* css三角形 */
.arrow,.arrow s { position:relative;  display:block; font-size: 0; line-height: 0; width: 0; height: 0; border-color:transparent; border-style:dashed; border-width:5px; }
.arrowR,.arrowR s{ border-left-color:#aaa; border-left-style:solid; }
.arrowR s{ border-left-color:#fff; position:absolute; left:-7px; top:-5px; }
.arrowR:hover{ border-left-color:#f60;  }

.arrowL,.arrowL s{ border-right-color:#aaa; border-right-style:solid; }
.arrowL s{ border-right-color:#fff; position:absolute; right:-7px; top:-5px; }
.arrowL:hover{ border-right-color:#f60;  }

.arrowT,.arrowT s{ border-bottom-color:#aaa; border-bottom-style:solid; }
.arrowT s{ border-bottom-color:#fff; position:absolute; left:-5px; top:-3px; }
.arrowT:hover{ border-bottom-color:#f60;  }

.arrowB,.arrowB s{ border-top-color:#aaa; border-top-style:solid; }
.arrowB s{ border-top-color:#fff; position:absolute; left:-5px; bottom:-3px; }
.arrowB:hover{ border-top-color:#f60;  }

/* css圆形 */
.circle{ line-height:100%; overflow:hidden;  font-family:Tahoma,Helvetica; font-size:18px; color:#aaa;  }
.circle:hover{ color:#f60;  }

/* 顶部导航条 */
    #header{ width:100%; left:0; top:0; position:fixed; z-index:10;  height:32px; line-height:32px; color:#fff; text-align:left; overflow:hidden; }
    #header .headerBg{ width:100%; height:32px; left:0; top:0; position:absolute; z-index:0; background:#000; filter:alpha(opacity=70);opacity:0.7;   }
    #header a{ color:#fff;  }
    #header #logo{ position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; font-size:14px; margin-right:5px; padding-left:10px;   }
    #header .nav{ position:relative; z-index:2; float:right; padding-right:10px; }
    #header .nav a{ padding:0 10px;  }
    #header .nav a.imp{ color:#ff0;  }
    #header .title{ position:relative; z-index:1; height:32px; overflow:hidden;   }

    #content{ margin:0 auto; padding:62px 30px 30px 30px;  position:relative; text-align:left; z-index:0; }
    #footer{ height:34px; line-height:34px; text-align:center; }

/* 首页 - index.html  ---------------------------------------------- */



    .indBtn{ text-align:center; display:none;  }
    .indBtn a{ vertical-align:middle; margin:15px 15px 0 0; display:inline-block; *display:inline; zoom:1; padding:14px 22px 3px 22px;  line-height:26px;
        color:#bede9a; font-size:14px;
        -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
        background:#89c941;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89c941), to(#72b238));
        background: -webkit-linear-gradient(#89c941, #72b238);
        background: -moz-linear-gradient(#89c941, #72b238);
        background: -ms-linear-gradient(#89c941, #72b238);
        background: -o-linear-gradient(#89c941, #72b238);
        background: linear-gradient(#89c941, #72b238);
        -pie-background: linear-gradient(#89c941, #72b238);
        -webkit-box-shadow: #39591c 2px 2px 3px;
        -moz-box-shadow: #39591c 2px 2px 3px;
        box-shadow: #39591c 2px 2px 3px;
    }
    .indBtn a em{ font-size:30px; display:block; color:#fff;  }
    .indIntro a:hover{ text-decoration:none; margin:11px 15px 0 0; }

    .indTips{ position:fixed; _position:absolute; width:14px; right:0; top:90px; background:#333; padding:5px; line-height:18px; color:#fff; cursor:pointer;
        -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
    }
    .indTips a{ color:#fff; text-decoration:none;   }
    #indTips1{ display:none;  }
    #ind2{ display:none;  }
    #ind2 .topic{ font-size:60px; height:120px; line-height:120px;   }

/* 参数 - param.html ---------------------------------------------- */
    .paramPage .param{ width:100%;  margin-bottom:20px;  background:#fff;  }
    .paramPage .param th{ text-align:center;  }
    .paramPage .param td{ text-align:left; padding:5px 2px;   }
    .paramPage .param .intro{ text-align:left;  }
    .paramPage .param .link{ color:#39A4DC; text-decoration:underline;   }
    .paramPage .param .t b{ color:#f60;  }
    .paramPage .param i{ color:#f60;   }
    .paramPage .param .on td{ background:#ffffaa;  }
    /*.paramPage .param tr.n td{ color:#999;  }*/
    .paramPage .intro a{ text-decoration:underline;  }
    .paramPage .notice{ overflow:hidden;  text-align:left; padding-bottom:10px;  }
    .paramPage .notice li{ width:120px; height:30px; line-height:30px; text-align:center; float:left; margin-right:10px; color:#fff; background:#666; cursor:pointer; }
    .paramPage .notice .on{ background:#f60;   }


/* 联系作者 ---------------------------------------------- */
    #content .contact{ display:none;  color:#f60;  margin-bottom:20px;  }


/* 案例 - demo.html ---------------------------------------------- */

    .demoBox{  padding:0 20px 60px 20px;  background:#f2f2f2; border-bottom:3px dotted #ccc;   }
    .demoBox .hd{ padding:40px 10px 0 10px;  }
    .demoBox .hd h3{ font-size:30px; font-weight:bold; color:#39A4DC; line-height:60px; }
    .demoBox .hd h3 span{ color:#ccc; font-style:italic; font-size:60px;  }
    .demoBox .bd{ padding:20px; overflow:hidden; zoom:1;  }
    .demoBox .bd .iframeWrap{ overflow:hidden; float:left;  }
    .demoBox iframe{ width:100%; height:100%;  vertical-align:middle; }
    .demoBox .botTit{ height:22px; line-height:22px; overflow:hidden; background:#eee; text-align:right; padding:5px 0; overflow:hidden; display:none; 
    }
    .demoBox .botTit em{ float:left; font-weight:bold; padding-left:10px;  }
    .demoBox .botTit span a{ display:block; float:right; height:20px; line-height:20px; padding:0 5px; background:#f60; margin-right:10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; display:none;  }
    .demoBox .botTit span a:hover{ text-decoration:none; background:#f60;  }

    .params{ width:580px; height:100%; margin-left:20px; float:left; _display:inline; background:#fff; padding-bottom:10px; border:1px solid #ddd; }
    .params table{ background:#fff;   }
    .params table .tit td{ padding: 5px 10px; background:#39A4DC; color:#fff;    }
    .params table td{ border:1px solid #fff;  }
    .params table .n{  width: 153px; text-align:right;   }
    .params table .new{ color:#f00;   }
    .params table i{ color:#999;  }
    .params p{ padding:10px 0 0 10px;  }
    .params .curJsCode{ color:#f60; display:block; font-family:SimSun;  }

    .rightNav{ position:fixed; width:140px;  right:0; top:100px; _position:absolute; text-align:left; cursor:pointer; background-image:url(about:blank);  }
    .rightNav a{ display:block; position:relative; height:30px; line-height:30px; margin-bottom:2px; background:#fff; padding-right:10px; width:130px; overflow:hidden;  cursor:pointer; right:-110px; }
    .rightNav a:hover{ text-decoration:none; color:#39A4DC;  }
    .rightNav a:hover em{ background:#00b700}
    .rightNav a em{ display:block; float:left; width:30px; background:#39A4DC; color:#fff; font-size:16px; text-align:center; margin-right:10px;}
    .rightNav a.new em{ background:#f60;  }
    .demoBox .iframeWrap{ width:452px;  }
    .demoBox .iframeWrap iframe{ width:452px; height:232px;  background:url(images/loading.gif) center center no-repeat; }

    #picScroll-left iframe{  height:174px;  }
    #picScroll-top iframe{  height:415px;  }
    #picMarquee-left iframe{  height:172px;  }
    #picMarquee-top iframe{  height:415px;  }
    #txtScroll-left iframe{  height:80px;  }
    #txtScroll-top iframe{  height:182px;  }
    #txtMarquee-left iframe{  height:107px;  }
    #txtMarquee-top iframe{  height:184px;  }
    #sideMenu iframe{  height:227px;  }


    /* 隐藏代码盒子 */
    #displayBox{ z-index:10; display:none; position:fixed; _position:absolute;   width:1000px; height:500px;   left:50%; top:60px; margin-left:-500px; background:#fff;
    border:5px solid #eee; 
    -webkit-box-shadow: #333 0 0 8px;
    -moz-box-shadow: #333 0 0 8px;
    box-shadow: #333 0 0 8px; }
    #displayBox .hd{ height:30px; line-height:30px; background:#eee; padding:0 10px; position:relative;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#eee));
        background: -webkit-linear-gradient(#F7F7F7, #eee);
        background: -moz-linear-gradient(#F7F7F7, #eee);
        background: -ms-linear-gradient(#F7F7F7, #eee);
        background: -o-linear-gradient(#F7F7F7, #eee);
        background: linear-gradient(#F7F7F7, #eee);
    }
    #displayBox .hd h3{ font-weight:bold; color:#39A4DC;  }
    #displayBox .hd a{ display:block; position:absolute; right:10px; top:7px; width:20px; height:16px; line-height:16px; text-align:center;  background:#f60; color:#fff; cursor:pointer; }
    #displayBox .hd a:hover{ text-decoration:none; }
    #displayBox .bd{ padding:10px 0;  background:#fff;  }
    #displayBox textarea{ width:458px; height:230px; padding:10px;  border:1px solid #ccc; display:block; }
    #displayBox .bd p{ padding-top:10px;  }
    #displayBox iframe{ width:1000px; height:440px; margin:0 auto;  }


/* 扩展效果 ---------------------------------------------- */
.authorWord{ margin-bottom:25px;   text-align:left; background:#fff; }
.authorWord h3{ padding:0 20px;  height:30px;  font:normal 14px/30px "Microsoft YaHei"; overflow:hidden; cursor:pointer; border-bottom:1px dotted #ccc; }
.authorWord h3 .arrow{ float:right; border-top-color:#fff; margin-top:11px;  }
.authorWord .con{ padding:10px 20px; line-height:22px;  }
.authorWord .con p{ margin-bottom:5px }
.authorWord a{ color:#f60; text-decoration:underline;   }

.demoList{ overflow:hidden; padding-top:10px;    }
.demoList li{
        position:relative;  cursor:pointer; float:left; width:160px;  text-align:center; margin:0 30px 30px 0; 
        padding:4px 4px 0 4px; background:#e3e3e3; color:#000; 
}
.demoList li img{ display:block; width:160px; height:120px; background:url(images/loading.gif) center center no-repeat;  }
.demoList li h3{ height:28px; line-height:28px;  }
.demoList li.new i{ display:block; position:absolute; top:4px; right:4px; z-index:1; width:31px; height:31px;  background:url(images/new.png) 0 0 no-repeat;  }

.demoList li.on{    
    background:#666; color:#fff; 
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    }


    .demoBoxEven{ background:#fff;  }
    .demoBoxEven .demoList li{   }
    .demoBoxEven .demoList li.on{  background:#666; color:#fff;  }

/* 如何使用 ---------------------------------------------- */
.usePageDl{ width:1000px;  }
.usePageDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
.usePageDl dt h2 a{ color:#f60; text-decoration:underline;   }
.usePageDl dt p{ padding:5px 0 10px 33px;  }
.usePageDl dt p b{ color:#f60;  }
.usePageDl dd{ margin-bottom:50px;  }
.usePage .demoBox{ padding:0;  }
.usePage .demoBox .bd .iframeWrap{ background:none;  }


/* 下载页面 ----------------------------------------------- */
.downLoadDl{ width:1000px;  }
.downLoadDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
.downLoadDl dt h2 a{ font-size:12px; color:#333; margin-left:20px; text-decoration:underline;    }
.downLoadDl dd{ margin-bottom:50px; padding:10px 0;  }

.dBtn{ cursor:pointer; display:block;  height:30px; line-height:30px; width:100px; text-align:center; font-size:16px;  background:#6ddb00; color:#fff; _font-weight:bold;
    -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
    -webkit-box-shadow: #666 1px 1px 2px;
    -moz-box-shadow: #666 1px 1px 2px;
    box-shadow: #666 1px 1px 2px;
}
.dBtn:hover{ text-decoration:none; background:#65ca00; color:#fff; margin-left:2px;   }
.pBtn{ background:#FFA241; font-size:12px; }
.pBtn:hover{ background:#ff8635;  }
.pBtn i{ font-family:Arial; _font-weight:bold; font-size:20px; }

.downPage .inculde{ margin-top:20px; padding:10px; border:1px dotted #eee; background:#f3f3f3;}
.downPage .inculde li{ color:#666;  }
.downPage .inculde em{ font-weight:bold; color:#333;  }
.downPage .inculde h3{ font-size:14px; font-weight:bold; color:#c00; padding-bottom:10px  }
.downPage .inculde a{ color:#39A4DC; text-decoration:underline; margin:0 2px;   }
#whyPay p,#howPay p{ text-indent:20px; margin-bottom:10px  }

.pay{ overflow:hidden; padding-bottom:5px; vertical-align:top;  }
.pay .pBtn{ float:left;  }
.pay p{ margin-left:120px;  }
.pay p span{ color:#c00;  }
.downPage .imp{ color:#c00; font-size:14px;  }

/* 颜色代码 
#39A4DC 浅蓝色

*/


*{margin:0;padding:0}
button{outline:0;cursor:pointer;border:0}
body{min-width:1400px}
input{border:0;outline:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666;font-size:16px}
input:-moz-placeholder,textarea:-moz-placeholder{color:#666;font-size:16px}
input::-moz-placeholder,textarea::-moz-placeholder{color:#666;font-size:16px}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;font-size:16px}
.width1400{width:1400px;height:auto;margin:0 auto;overflow:hidden;position:relative}
.width1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;position:relative}
.img-box{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out}
.img-box:hover{transform:scale(1.08);-webkit-ransform:scale(1.08);-moz-ransform:scale(1.08)}
/* 公共组件 */
.headline001{width:100%;height:auto;position:relative;margin-top:65px;padding-top:20px;text-align:center;padding-bottom:25px}
.headline001 h5{font-size:36px;color:#222;line-height:46px;font-weight:400;padding-top:16px;letter-spacing:1px;position:relative}
.headline001 span{font-size:15px;color:#666;line-height:26px}
.headline001 p{font-size:18px;color:#666;line-height:40px}
.headline001 h5::before{content:"";width:30px;height:3px;position:absolute;top:0;left:calc(50% - 15px);background:#ed6d01}

/* banner */
.banner001{width:100%;height:760px;position:relative;    overflow: hidden;}
.banner001 img{width:1920px;height:760px;display:block;position:relative;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}
.banner001 .bannertext{width:1200px;height:680px;position:absolute;left:calc(50% - 600px);top:0;text-align:right}
.banner001 .bannertext .bannerR{width:275px;height:auto;float:right;padding-top:155px}
.banner001 .bannerR h5{font-size:32px;color:#fff;line-height:50px;font-weight:400}
.banner001 .bannerR p{font-size:20px;color:#fff;line-height:32px;margin-bottom:48px}
.banner001 .bannerR span{font-size:16px;color:#fff;line-height:30px}
.banner001 .bannerR form{width:100%;height:auto;overflow:hidden}
.banner001 .bannerR form input{width:100%;height:60px;padding:0 35px;box-sizing:border-box;font-size:16px;color:#999;line-height:60px;margin-bottom:20px;background:#fff;border-radius:5px}
.banner001 .bannerR form a{width:275px;height:60px;display:block;background:#8d1d22;border-radius:5px;text-align:center;font-size:16px;color:#fff;line-height:60px;margin-bottom:45px}
.banner001 .bannerR form a:hover{background:#fff;color:#ed6d01}
/* 定制流程 */
.dzflow{width:100%;height:600px;background:#fff url(../images/dzsj/flowBg001.png) center 107px no-repeat;background-size:1250px 406px;position:relative;    overflow: hidden;}
.dzflow .width1200{height:600px;position:absolute;left:calc(50% - 600px);top:0;z-index:1}
.dzflow .dzflowBg{width:1200px;height:204px;background:url(../images/dzsj/banner_m.png) no-repeat;position:absolute;left:calc(50% - 215px);top:-142px;z-index:1}
.dzflow .headline001{background:url(../images/dzsj/flowBg002.png) center no-repeat}
.dzflow .headline001 h5,.dzflow .headline001 span{color:#fff}
.dzflow .headline001 h5::before{background:#fff}
.dzflow .dzflow_in{width:100%;height:218px;overflow:hidden;margin-top:38px;background:url(../images/dzsj/flowBg003.png) center no-repeat}
.dzflow .dzflow_in ul li{width:135.5px;height:218px;float:left;position:relative}
.dzflow .dzflow_in ul li:nth-child(1){margin-left:135px}
.dzflow .dzflow_in ul li .flowLogo{width:100%;height:23px;text-align:center;position:absolute;left:0;top:0}
.dzflow .dzflow_in ul li .flowLogo img{display:inline-block}
.dzflow .dzflow_in ul li .flowText{width:100%;height:32px;font-size:20px;color:#333;line-height:32px;text-align:center;position:absolute;left:0;top:23px}
.dzflow .dzflow_in ul li .flowTel{width:100%;height:40px;font-size:13px;color:#fff;line-height:40px;text-align:center;position:absolute;left:0;top:89px}
.dzflow .dzflow_in ul li:nth-child(even) .flowText{top:155px}
.dzflow .dzflow_in ul li:nth-child(even) .flowLogo{bottom:0;top:unset}
/* 设计理念 */
.idea001{width:100%;height:646px;background:url(../images/dzsj/flow_bBg001.jpg) center no-repeat;background-size:1920px 646px;position:relative;    overflow: hidden;}
.idea001 .width1200{height:646px;position:unset}
.idea001 .ideaBg{width:946px;height:511px;position:absolute;bottom:-110px;left:calc(50% - 473px)}
.idea001 .ideaBg img{width:100%;height:100%;display:block}
.idea001 .idea_in{width:100%;height:380px;margin-top:10px;position:relative;z-index:2}
.idea001 .idea_in ul li{width:50%;height:107px;float:left;margin-bottom:30px}
.idea001 .idea_in ul li .ideaPic{width:107px;height:107px;float:left}
.idea001 .idea_in ul li:nth-child(odd) .ideaPic{float:left;margin-right:20px}
.idea001 .idea_in ul li:nth-child(even) .ideaPic{float:right;margin-left:20px}
.idea001 .idea_in ul li .ideaText{width:300px;height:107px}
.idea001 .idea_in ul li:nth-child(odd) .ideaText{float:left;text-align:left}
.idea001 .idea_in ul li:nth-child(even) .ideaText{float:right;text-align:right}
.idea001 .idea_in ul li .ideaText p{font-size:26px;line-height:35px;color:#ed6d01;margin-top:10px}
.idea001 .idea_in ul li .ideaText span{font-size:16px;line-height:35px;color:#000}
/* 广告01 */
.ad001{width:100%;height:200px;background:url(../images/dzsj/ad001_bg001.jpg) center no-repeat;background-size:1920px 200px;text-align:center}
.ad001 .width1200 p{font-size:48px;color:#fff;line-height:55px;margin-top:68px;font-weight:lighter;letter-spacing:1px}
.ad001 .width1200 span{font-size:13px;color:#fff;line-height:30px}
/* 设计师代言 */
.designer001{width:100%;height:845px;background:#f1f1f1 url(../images/dzsj/sjs001_bg002.png) center no-repeat;background-size:1920px 845px}
.designer001 .width1200{overflow:unset}
.designer001 .designer_in{width:100%;height:auto;padding-top:75px}
.designer001 .designerL{width:600px;height:690px;float:left;margin-right:64px;position:relative}
.designer001 .designerL img{width:100%;height:100%;display:block}
.designer001 .designerL::before{content:"";width:154px;height:499px;background:url(../images/dzsj/sjs001_bg003.png) no-repeat;position:absolute;left:-25px;top:-75px}
.designer001 .designerL::after{content:"";width:146px;height:520px;background:url(../images/dzsj/sjs001_bg004.png) no-repeat;position:absolute;right:-32px;bottom:-80px}
.designer001 .designerR{width:536px;height:690px;float:left;position:relative}
.designer001 .designerR::before{content:"";width:77px;height:73px;background:url(../images/dzsj/sjs001_bg001.png) no-repeat;position:absolute;right:0;top:35px}
.designer001 .designerR>h5{font-size:52px;color:#222;line-height:55px;margin-bottom:40px}
.designer001 .designerR>p{font-size:23px;color:#333;line-height:25px;margin-bottom:86px}
.designer001 .designerTit{width:100%;height:35px;font-size:20px;color:#222;line-height:35px;text-align:center;position:relative;margin-bottom:25px}
.designer001 .designerTit::before{content:"";width:213px;height:1px;background:#c8c8c8;position:absolute;left:0;top:18px}
.designer001 .designerTit::after{content:"";width:213px;height:1px;background:#c8c8c8;position:absolute;right:0;top:18px}
.designer001 .designerR ul li{width:260px;height:175px;float:left;margin-right:16px;margin-bottom:17px;overflow:hidden;}
.designer001 .designerR ul li:nth-child(2n){margin-right:0}
.designer001 .designerR ul li img{display:block;width:260px;height:175px;}
/* 广告02 */
.ad002{width:100%;height:200px;background:url(../images/dzsj/ad002_bg001.jpg) center no-repeat;background-size:1920px 200px;text-align:center}
.ad002 .width1200 p{font-size:48px;line-height:55px;color:#f5d0b3;margin-top:68px;font-weight:lighter;letter-spacing:1px}
.ad002 .width1200 p b{color:#fff;}
.ad002 .width1200 p b i{font-weight:400;letter-spacing:0}
.ad002 .width1200 span{font-size:13px;color:#fff;line-height:30px}
/* 原创案例 */
.case001{width:100%;height:1046px;overflow:hidden;background:url(../images/dzsj/case001_bg001.jpg) center no-repeat;background-size:1920px 1046px}
.case001 .case_in{width:100%;height:772px;}
.case001 .case_in .hd{width:100%;height:67px;margin-bottom:35px;text-align:center}
.case001 .case_in .hd ul li{width:186px;height:67px;display:inline-block;text-align:center}
.case001 .case_in .hd ul li a{font-size:20px;color:#2f2f2f;line-height:67px}
.case001 .case_in .hd ul li:hover,.case001 .case_in .hd ul li.cur{background:url(../images/dzsj/case001_bg001.png) center no-repeat}
.case001 .case_in .hd ul li:hover a,.case001 .case_in .hd ul li.cur a{color:#fff}
.case001 .case-slide{position:relative;height:670px;}
.case001 .case-slide .pageStates{position:absolute;width:100%;text-align:center;left:0;bottom:30px;z-index:3;color:#fff;font-size:22px;letter-spacing:5px}
.case001 .case-slide .case_next,.case001 .case-slide .case_prev{width:101px;height:67px;background:url(../images/dzsj/case001_jt001.png) center no-repeat;position:absolute;bottom:302px;cursor:pointer;z-index:3}
.case001 .case-slide .case_prev{left:50px}
.case001 .case-slide .case_next{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);right:50px}
.case001 .case-slide .bd{width:100%;height:670px}
.case001 .case-slide .bd ul li{width:100%;height:670px}
.case001 .case-slide .bd ul li img{width:100%;height:670px;display:block}
/* 实景图 */
.result001{width:100%;height:737px;background:url(../images/dzsj/result001_bg001.jpg) center no-repeat;background-size:1920px 737px}
.result001 .result_in{width:100%;height:472px;position:relative}
.result001 .result_in .bd{width:100%;height:380px}
.result001 .result_in .bd li{width:590px;height:380px;float:left;margin-right:20px;position:relative}
.result001 .result_in .bd li:nth-child(2n){margin-right:0}
.result001 .result_in .bd li img{width:100%;height:100%;display:block}
.result001 .result_in .bd li .resultM{width:128px;height:67px;position:absolute;top:calc(50% - 33.5px)}
.result001 .result_in .bd li .resultM::before{width:100%;height:100%;position:absolute;left:0;top:0;font-size:20px;color:#fff;line-height:67px;text-align:center}
.result001 .result_in .bd li:nth-child(odd) .resultM{right:0;background:url(../images/dzsj/resultM_xg.png) no-repeat}
.result001 .result_in .bd li:nth-child(even) .resultM{left:0;background:url(../images/dzsj/resultM_sj.png) no-repeat}
.result001 .result_in .bd li:nth-child(odd) .resultM::before{content:"效果图"}
.result001 .result_in .bd li:nth-child(even) .resultM::before{content:"实景图"}
.result001 .result_in .hd{width:100%;height:67px;background:#f1f1f1;text-align:center;margin-top:25px}
.result001 .result_in .pageState{font-size:0}
.result001 .result_in .hd ul li{width:11px;height:11px;margin-right:30px;font-size:0;display:inline-block;margin-top:28px;cursor:pointer;background:url(../images/dzsj/result001_menu_default.png) center no-repeat}
.result001 .result_in .hd ul li.cur{background:url(../images/dzsj/result001_menu_active.png) center no-repeat}
.result001 .result_in .rusult_next,.result001 .result_in .rusult_prev{width:67px;height:67px;position:absolute;bottom:0;cursor:pointer}
.result001 .result_in .rusult_prev{left:0;border-right:1px solid #dfdfdf;background:url(../images/dzsj/result001_jt001.png) center no-repeat}
.result001 .result_in .rusult_next{right:0;border-right:1px solid #dfdfdf;background:url(../images/dzsj/result001_jt001.png) center no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg)}
/* 设计流程 */
.desigFlow001{width:100%;height:auto;overflow:hidden;background:#f1f1f1 url(../images/dzsj/sjflow001_bg002.jpg) top center no-repeat;background-size:1920px 299px}
.desigFlow001 .designFlow_in{width:100%;height:auto;overflow:hidden;margin-bottom:20px;text-align:center}
.desigFlow001 .designFlow_in ul li{width:260px;height:200px;margin-bottom:35px;display:inline-block;text-align:center;background:url(../images/dzsj/sjflow001_bg001.png) right top no-repeat;padding-right:55px;box-sizing:border-box}
.desigFlow001 .designFlow_in ul li:nth-child(5n+1){width:200px}
.desigFlow001 .designFlow_in ul li:nth-child(5n){width:170px;background:0 0}
.desigFlow001 .designFlow_in ul li:nth-last-child(1){background:0 0}
.desigFlow001 .designFlow_in ul li .desigTel{width:37px;height:37px;background:url(../images/dzsj/designFlow_round.png) center no-repeat;background-size:100% 100%;font-size:16px;color:#fff;line-height:37px;margin:0 auto;margin-top:28px}
.desigFlow001 .designFlow_in ul li>p{font-size:22px;color:#222;line-height:50px;margin-bottom:10px}
.desigFlow001 .designFlow_in ul li>span{font-size:15px;color:#666;line-height:20px}
/* 广告03 */
.ad001.ad003{background:url(../images/dzsj/ad003_Bg001.png) center no-repeat;background-size:1920px 200px}
/* 预约 */
.qualityOlder001{width:100%;height:auto;overflow:hidden;background:#fff;padding:0 0 30px 0}
.qualityOlder001 .headline{margin-bottom:25px}
.qualityOlder001 .olderForm{width:100%;height:60px;overflow:hidden}
.qualityOlder001 .olderForm input{width:366px;height:60px;font-size:16px;line-height:60px;float:left;margin-right:20px;background:url(../images/dzsj/bj_bg001.png) 100% no-repeat;padding:0 25px}
.qualityOlder001 .olderForm a{display:block;float:left;width:328px;height:60px;line-height:60px;color:#fff;font-size:16px;border:0;background:url(../images/dzsj/bj_bg002.png) 100% no-repeat;text-align: center;}
.qualityOlder001 .olderForm a:hover{background:url(../images/dzsj/bj_bg002_hover.png) 100% no-repeat;text-decoration:none;}
.qualityOlder001 .width1200>p{font-size:16px;color:#666;line-height:50px;text-align:center}
.qualityOlder001 .width1200>p span{color:#8d1d22;font-weight:700}
/* 外链 */
.linkOut{width:100%;height:220px;overflow:hidden;background:#fff;}
.linkOut img{width:1200px;height:170px;display:block}
.linkOut a:hover img{opacity:0.8;}
/* 特效集合 */
.animation01{animation:shake 1s linear;-webkit-animation:shake 1s linear;-o-animation:shake 1s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation02{animation:pdd 1s linear;-webkit-animation:pdd 1s linear;-o-animation:pdd 1s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation03{animation:trx 1s ease-in-out;-webkit-animation:trx 1s ease-in-out;-o-animation:trx 1s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation04{animation:ttiao 1.5s ease-in-out;-webkit-animation:ttiao 1.5s ease-in-out;-o-animation:ttiao 1.5s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation05{animation:xk 1.5s ease-in-out;-webkit-animation:xk 1.5s ease-in-out;-o-animation:xk 1.5s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation06{animation:ttt 1s linear;-webkit-animation:ttt 1s linear;-o-animation:ttt 1s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation08{animation:dd 1.5s linear;-webkit-animation:dd 1.5s linear;-o-animation:dd 1.5s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation09{animation:uptodown 1s linear;-webkit-animation:uptodown 1s linear;-o-animation:uptodown 1s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation10{animation:downtoup 1s linear;-webkit-animation:downtoup 1s linear;-o-animation:downtoup 1s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation11{animation:uptodown1 2s linear;-webkit-animation:uptodown1 2s linear;-o-animation:uptodown1 2s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.animation12{animation:downtoup1 2s linear;-webkit-animation:downtoup1 2s linear;-o-animation:downtoup1 2s linear;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
@keyframes shake{from{transform:rotate(70deg) scale(0)}
to{transform:rotate(0) scale(1)}
}
@keyframes ttt{from{margin-top:70px}
to{margin-top:0}
}
@keyframes pdd{0%{transform:translateX(-300px) scale(.7)}
100%{transform:translateX(0) scale(1)}
}
@keyframes trx{0%{transform:translateX(300px) scale(.7)}
100%{transform:translateX(0) scale(1)}
}
@keyframes ttiao{0%{transform:translate(-300px,300px)}
100%{transform:translate(0,0)}
}
@keyframes xk{0%{transform:translate(300px,-300px)}
100%{transform:translate(0,0)}
}
@keyframes dd{0%{transform:translate(-100px,-100px)}
40%{transform:translate(0,0)}
75%{transform:translate(0,-30px)}
100%{transform:translate(0,0)}
}
@keyframes uptodown{0%{transform:translateY(300px)}
100%{transform:translate(0)}
}
@keyframes downtoup{0%{transform:translateY(-300px)}
100%{transform:translate(0)}
}
@keyframes uptodown1{0%{transform:translateY(100px)}
50%{transform:translateY(100px)}
100%{transform:translate(0)}
}
@keyframes downtoup1{0%{transform:translateY(-100px)}
50%{transform:translateY(-100px)}
100%{transform:translate(0)}
}
.footer{height:390px}