@charset "utf-8";
/* zisanxi.com - 重庆紫散席建筑工程有限公司 - 参考 /6155/ 模板（主色 #e73102） */
body{margin:0;padding:0;font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;color:#333;background:#fff;overflow-x:hidden;}
p,ul,li,dl,dt,dd,h1,h2,h3,h4{padding:0;margin:0;}
ul,ol{list-style:none;}
img{border:0;}
a{text-decoration:none;}
.w1200{width:1200px;margin-left:auto;margin-right:auto;}
.reveal{opacity:0;transform:translateY(40px);transition:all .7s ease;}
.reveal.in{opacity:1;transform:none;}
.img-fallback{color:#fff;}

/* ===== 顶部 ===== */
.topbox{position:relative;z-index:100;}
.lotbox{background:#f7f7f7;border-bottom:#dedede solid 1px;line-height:40px;overflow:hidden;}
.big-link{cursor:pointer;}
.logo-text{display:inline-block;}
.lotbox p{font-size:14px;color:#999;float:left;display:inline;}
.lotbox a{font-size:14px;color:#999;float:right;display:inline;}
.lotbox a:hover{color:#e73102;}
.lotbox span{color:#adadad;float:right;display:inline;font-size:14px;margin-left:10px;margin-right:10px;}

.header{overflow:hidden;margin-top:20px;margin-bottom:24px;}
.logo{float:left;display:flex;align-items:center;}
.logo-icon{width:52px;height:52px;margin-right:12px;}
.logo-name{font-size:26px;font-weight:bold;color:#333;display:block;line-height:1.25;}
.logo-sub{font-size:12px;color:#999;letter-spacing:3px;display:block;margin-top:4px;}
.head-slogan{float:left;margin-left:28px;border-left:#999999 solid 1px;padding-left:28px;margin-top:8px;}
.head-slogan p{color:#e73102;font-size:18px;}
.head-slogan span{color:#999;font-size:13px;display:block;margin-top:6px;}
.head-tel{float:right;margin-top:4px;}
.head-tel svg{float:left;margin-right:10px;margin-top:6px;}
.head-tel p{font-size:13px;color:#999;text-align:left;display:block;}
.head-tel strong{font-weight:normal;text-align:right;color:#e73102;font-size:24px;display:block;}

.menubox{background:#e73102;height:60px;position:relative;z-index:9999;}
.nav-ul{width:1200px;margin:0 auto;padding:0;display:flex;}
.nLi{flex:1;text-align:center;position:relative;border-right:rgba(255,255,255,.15) solid 1px;}
.nLi:last-child{border-right:none;}
.nLi a.top-a{display:block;line-height:60px;}
.nLi span{color:#fff;display:block;line-height:60px;font-size:16px;}
.nLi:hover,.nLi.act{background:#ff6c00;}
.sub{display:none;position:absolute;top:60px;left:0;width:100%;z-index:99;}
.sub a{display:block;color:#fff;line-height:40px;text-align:center;font-size:14px;background:rgba(200,42,2,.96);border-top:#fff solid 1px;}
.sub a:first-child{border-top:none;}
.sub a:hover{background:#ff6c00;color:#fff;}
.nLi:hover .sub{display:block;}
@keyframes fadeNav{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.nLi:hover .sub{animation:fadeNav .3s ease both;}
.nav-toggle{display:none;position:absolute;right:12px;top:10px;width:40px;height:40px;background:none;border:none;cursor:pointer;}
.nav-toggle i{display:block;width:24px;height:3px;background:#fff;margin:5px auto;}

/* ===== 首页 banner ===== */
.banner{height:600px;position:relative;overflow:hidden;background:#1c1c1c;}
.ban-c{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;}
.ban-c.on{opacity:1;z-index:1;}
.ban-c img{width:100%;height:100%;object-fit:cover;}
.ban-cap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;z-index:2;padding:0 20px;}
.ban-cap h2{font-size:46px;font-weight:bold;margin-bottom:16px;text-shadow:0 3px 10px rgba(0,0,0,.5);}
.ban-cap p{font-size:18px;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.ban-nav{position:absolute;bottom:22px;left:0;width:100%;text-align:center;z-index:3;}
.ban-nav a{display:inline-block;vertical-align:middle;width:12px;height:12px;margin:0 6px;cursor:pointer;background:#fff;border-radius:100%;}
.ban-nav a.on{background:#e73102;}

/* ===== 区块公共标题 ===== */
.productTitle{text-align:center;margin-top:45px;padding-bottom:10px;overflow:hidden;}
.productTitle a{color:#333333;font-size:24px;}
.productTitle p{color:#e73102;font-size:16px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;margin-top:10px;}

/* ===== 关于我们 ===== */
.sec-about{overflow:hidden;}
.about-wrap{overflow:hidden;margin-top:35px;margin-bottom:55px;}
.about-img{width:575px;height:348px;float:left;display:inline;object-fit:cover;}
.about-fonts{display:inline;float:right;width:580px;}
.about-fonts>p{font-size:16px;color:#666;line-height:35px;margin:0 0 14px;text-indent:2em;}
.about-btns{margin-top:30px;overflow:hidden;}
.about-btns a{float:left;width:122px;height:46px;display:block;line-height:46px;text-align:center;background:#f6f6f6;border:#e3e3e3 solid 1px;color:#666;font-size:15px;margin-right:14px;border-radius:4px;}
.about-btns a:hover{background:#e73102;border-color:#e73102;color:#fff;}

/* ===== 产品中心 ===== */
.sec-products{overflow:hidden;}
.ptitle-row{margin-top:50px;border-bottom:#cccccc solid 1px;position:relative;overflow:hidden;}
.t-span{color:#333333;font-size:24px;float:left;line-height:50px;font-weight:bold;}
.t-line{display:block;background:#e73102;height:2px;width:150px;position:absolute;left:0;bottom:0;}
.t-cats{float:right;}
.t-cats a{color:#666666;font-size:14px;line-height:50px;}
.t-cats a:hover{color:#dd932a;}
.t-cats i{color:#cccccc;font-style:normal;font-size:14px;line-height:50px;margin:0 8px;}
.case-grid{display:flex;flex-wrap:wrap;padding:0;margin:25px auto 0;}
.case-grid li{width:378px;background:#f6f6f6;text-align:center;margin:0 33px 35px 0;}
.case-grid li:nth-child(3n){margin-right:0;}
.case-grid li a{display:block;}
.case-grid li div{width:378px;height:378px;overflow:hidden;}
.case-grid li img{width:378px;height:378px;object-fit:cover;transition:transform .4s;}
.case-grid li span{font-size:16px;color:#666666;line-height:62px;display:block;}
.case-grid li:hover{background:#e73102;}
.case-grid li:hover span{color:#fff;}
.case-grid li:hover img{transform:scale(1.15);}

/* ===== 优势 ===== */
.adv{margin-top:55px;background-color:#26292d;background-size:cover;background-position:center;padding-bottom:42px;}
.adv-title{text-align:center;font-size:30px;font-weight:normal;color:#fff;padding-top:38px;}
.ad-list{width:1200px;margin:38px auto 0;padding:0;display:flex;}
.ad-list li{flex:1;padding:0 14px;overflow:hidden;}
.ad-num{width:62px;height:62px;background:#fff;border-radius:100%;font-size:24px;color:#e73102;line-height:62px;text-align:center;float:left;margin-right:12px;}
.ad-name{font-size:22px;color:#fff;padding-top:5px;}
.ad-desc{font-size:14px;color:rgba(255,255,255,.85);margin-top:8px;display:block;line-height:24px;}
.adv-hotline{clear:both;text-align:center;color:#fff;font-size:16px;line-height:52px;margin-top:18px;}
.adv-hotline strong{font-size:24px;color:#ff6c00;font-weight:normal;font-style:italic;}

/* ===== 工程案例 ===== */
.sec-cases{overflow:hidden;}
.marque{position:relative;margin-bottom:55px;}
.goL,.goR{position:absolute;top:140px;width:40px;height:44px;background:#e73102;color:#fff;font-size:22px;line-height:44px;text-align:center;border-radius:4px;cursor:pointer;z-index:5;font-style:normal;}
.goL{left:0;}
.goR{right:0;}
.goL:hover,.goR:hover{background:#ff6c00;}
.case-marquee{width:1128px;margin:28px auto 0;padding:0;overflow:hidden;scroll-behavior:auto;}
.case-marquee li{float:left;width:282px;text-align:center;}
.case-marquee li span{display:block;width:270px;margin:0 auto;border-bottom:#d4d3d2 solid 1px;background:#fff;}
.case-marquee li img{display:block;width:270px;height:270px;object-fit:cover;margin:0 auto;}
.case-marquee li p{font-size:15px;color:#333;line-height:46px;margin:0;}
.case-marquee li:hover span{background:#e73102;border-bottom-color:#e73102;}
.case-marquee li:hover p{color:#e73102;}

/* ===== 新闻 ===== */
.sec-news{overflow:hidden;}
.two{margin:35px auto 55px;height:372px;width:1200px;overflow:hidden;position:relative;}
.two ul{position:absolute;left:0;top:0;display:flex;padding:0;height:360px;will-change:transform;}
.two li{flex:none;float:left;margin:15px 12px;height:330px;text-align:center;position:relative;border:#eaeaea solid 1px;width:362px;background:#fff;}
.two li a{display:inline-block;text-decoration:none;}
.two li img{display:block;width:362px;height:202px;object-fit:cover;}
.two li a span{display:block;color:#666666;font-size:16px;line-height:46px;padding-left:10px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.two li p{padding:0 12px;font-size:13px;color:#999999;display:block;line-height:24px;border-top:#eaeaea solid 1px;margin:0;text-align:left;}
.two li time{position:absolute;right:0;top:0;background:rgba(255,255,255,.72);padding:8px 10px;color:#171717;text-align:center;font-size:13px;line-height:1.5;font-style:normal;}

/* ===== 合作伙伴 ===== */
.sec-partners{background:#f7f7f7;padding:48px 0 58px;margin-top:10px;}
.partner-list{width:1200px;margin:32px auto 0;padding:0;display:flex;flex-wrap:wrap;}
.partner-list li{flex:1 1 15%;margin:8px 6px;}
.partner-list a{display:block;background:#fff;border:#e5e5e5 solid 1px;color:#666;font-size:15px;line-height:64px;text-align:center;border-radius:4px;}
.partner-list a:hover{border-color:#e73102;color:#e73102;}

/* ===== 页脚 ===== */
.footer{background:#171717;overflow:hidden;margin-top:60px;padding:35px 0;}
.footer .w1200{display:flex;align-items:flex-start;}
.footerLeft{color:#7e7e7e;background:#424242;padding:35px 30px;flex:none;width:350px;box-sizing:border-box;}
.footerLeft img{width:107px;height:107px;float:left;margin-right:15px;}
.footerLeft span{font-size:14px;display:block;}
.footerLeft h1{font-size:44px;font-weight:normal;color:#fff;margin-top:16px;}
.footerLeft p{font-size:14px;margin:2px 0;}
.footerLeft p.fnum{color:#fff;font-size:18px;}
.footerLeft>a{background:#fff;font-size:16px;color:#666666;font-weight:bold;border-radius:30px;width:172px;height:48px;text-align:center;display:block;line-height:48px;margin-top:20px;}
.footerLeft>a:hover{background:#e73102;color:#fff;}
.footerRight{float:left;margin-left:50px;flex:1;display:flex;}
.footerNav{width:340px;}
.footerNav h1,.lxwm h1{font-size:18px;color:#7e7e7e;font-weight:normal;border-bottom:#7e7e7e solid 2px;padding-bottom:10px;margin-bottom:12px;}
.footerNav a{font-size:15px;color:#7e7e7e;width:100px;display:inline-block;line-height:32px;text-align:left;}
.footerNav a:hover{color:#fff;}
.lxwm{flex:1;color:#7e7e7e;font-size:15px;}
.lxwm ul{padding:0;}
.lxwm li{line-height:40px;vertical-align:middle;}
.lxwm svg{margin-right:10px;margin-top:-4px;vertical-align:middle;}
.lxwm a{color:#7e7e7e;}
.lxwm a:hover{color:#fff;}

.foot{background:#0f0f0f;line-height:50px;overflow:hidden;}
.foot p{color:#7e7e7e;font-size:14px;text-align:center;}
.foot a{color:#7e7e7e;display:inline;font-size:14px;}
.foot a:hover{color:#fff;}
.link{text-align:left;padding-left:10px;}
.link span{color:#7e7e7e;font-size:14px;display:inline-block;vertical-align:top;}
.link li{color:#7e7e7e;font-size:14px;display:inline-block;vertical-align:top;margin:0 10px;}
.link li a{color:#7e7e7e;font-size:14px;}

/* ===== 浮动栏 ===== */
.floatbar{position:fixed;right:10px;bottom:100px;z-index:999;}
.fb-item{width:44px;height:44px;background:#e73102;color:#fff;border-radius:4px;text-align:center;line-height:44px;margin-top:8px;cursor:pointer;font-size:13px;display:block;}
.fb-item:hover{background:#ff6c00;}
.fb-top{display:none;}

/* ===== 留言弹窗 ===== */
.reveal-modal{display:none;position:fixed;z-index:99999;background:#f4f4f4;top:100px;left:0;right:0;width:350px;margin:0 auto;padding:26px 20px 20px;text-align:center;box-shadow:0px 7px 12px #333333;border-radius:20px;}
.reveal-modal.on{display:block;}
.close-reveal-modal{position:absolute;top:8px;right:8px;cursor:pointer;background:#e73102;width:35px;height:35px;font-size:18px;color:#fff;border-radius:100%;line-height:35px;text-align:center;}
.reveal-modal>span{display:block;font-size:22px;font-weight:bold;color:#e73102;line-height:44px;}
.reveal-modal>p{font-size:13px;color:#666666;margin-bottom:12px;}
.guest-form ul{padding:0;}
.guest-form li{line-height:46px;font-size:14px;color:#666666;}
.guest-form input[type="text"],.guest-form input[type="email"]{border:#b8b8b8 solid 1px;height:38px;line-height:38px;background:none;padding-left:6px;width:225px;color:#666666;box-sizing:border-box;}
.guest-form textarea{background:none;border:#b8b8b8 solid 1px;width:225px;height:64px;vertical-align:middle;padding-left:6px;margin-bottom:8px;color:#666666;font-size:13px;box-sizing:border-box;}
.guest-form input[type="submit"]{background:#e73102;width:110px;height:40px;border:none;color:#fff;cursor:pointer;border-radius:4px;}

/* ===== 内页 ===== */
.n-banner{height:300px;position:relative;overflow:hidden;}
.n-banner img{width:100%;height:100%;object-fit:cover;}
.n-banner::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.30);}
.ntit{border-bottom:#dedede solid 1px;background:#fff;}
.ntt{overflow:hidden;}
.ntt h1{float:left;font-size:22px;color:#333;font-weight:bold;line-height:58px;}
.ntt i{float:left;font-style:normal;font-size:13px;color:#999;margin-left:12px;line-height:62px;letter-spacing:1px;}
.weiz{float:right;font-size:14px;color:#999;line-height:58px;}
.weiz a{color:#999999;}
.weiz a:hover{color:#e73102;}

.flxz{background:#f4f4f4;line-height:22px;color:#666;padding:13px 15px;font-size:14px;width:1200px;margin:22px auto 0;box-sizing:border-box;text-align:center;}
.flxz a{color:#666666;margin:4px 8px;border:#a0a0a0 dotted 1px;padding:9px 20px;border-radius:10px;display:inline-block;}
.flxz a.act,.flxz a:hover{background:#e73102;color:#fff;border-color:#f3a11a;}

.page{text-align:center;margin:40px 0 25px;width:100%;}
.page a,.page span{font-size:14px;margin-right:8px;color:#666666;background:#e1e1e1;padding:10px 15px;display:inline-block;}
.page span{color:#ffffff;background:#e73102;}
.page a:hover{background:#e73102;color:#fff;}

.tt{text-align:center;font-size:24px;color:#333;line-height:55px;}
.titleConf{text-align:center;font-size:14px;color:#666666;background:#f6f4f4;width:1200px;margin:0 auto;line-height:48px;box-sizing:border-box;}
.containter{margin-top:25px;margin-bottom:35px;}
.containter p{font-size:15px;color:#666666;line-height:32px;margin:0 0 18px;text-indent:2em;}
.containter img{max-width:100%;}
.containter h3.dt-h3{font-size:20px;color:#333;margin:30px 0 15px;font-weight:bold;}
.innrbox{background:#fff;}
.dt-img{display:block;width:100%;max-width:820px;margin:0 auto 28px;height:auto;object-fit:cover;}
.para-table{width:100%;max-width:820px;margin:20px auto;border-collapse:collapse;}
.para-table td{border:#e3e3e3 solid 1px;padding:10px 15px;font-size:14px;color:#666;}
.para-table td:first-child{background:#f7f7f7;color:#333;width:190px;}
.feat-list{max-width:820px;margin:20px auto;padding:0;}
.feat-list li{font-size:15px;color:#666;line-height:36px;padding-left:26px;position:relative;}
.feat-list li::before{content:'✔';position:absolute;left:0;color:#e73102;}
.rel-list{display:flex;max-width:1000px;margin:25px auto;padding:0;}
.rel-list li{flex:1;margin:0 10px;text-align:center;}
.rel-list img{width:100%;height:170px;object-fit:cover;}
.rel-list span{display:block;font-size:14px;color:#666;line-height:42px;}
.rel-list a:hover span{color:#e73102;}
.next{overflow:hidden;margin:30px auto 10px;width:1200px;}
.next a{text-decoration:none;color:#666666;line-height:32px;display:block;font-size:14px;}
.next a:hover{color:#e73102;}

.newsList{width:1200px;margin:0 auto 20px;}
.newsPic{overflow:hidden;border-bottom:#eeeeee solid 1px;padding:28px 0;}
.newsPic img{width:362px;height:202px;float:left;margin-right:25px;object-fit:cover;}
.newsPic a{color:#333;text-decoration:none;}
.newsPic span{display:block;font-size:18px;color:#333;line-height:32px;}
.newsPic span:hover{color:#e73102;}
.newsPic h4{font-size:13px;color:#999999;font-weight:normal;margin:8px 0;}
.newsPic p{font-size:14px;color:#666666;line-height:26px;margin:0 0 10px;}
.more{font-size:13px;color:#e73102 !important;}

.temas{width:1200px;margin:25px auto;padding:0;display:flex;flex-wrap:wrap;}
.temas li{width:278px;margin-right:29px;margin-top:20px;text-align:center;border-bottom:#dfdfdf solid 1px;}
.temas li:nth-child(4n){margin-right:0;}
.temas img{width:278px;height:278px;object-fit:cover;}
.temas p{font-size:16px;color:#333;line-height:34px;margin-top:10px;}
.temas span{font-size:13px;color:#999;}

.tl-list{max-width:900px;margin:35px auto;padding:0;position:relative;}
.tl-list::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e5e5e5;margin-left:-1px;}
.tl-list li{position:relative;width:50%;padding:0 40px 35px 0;box-sizing:border-box;}
.tl-list li:nth-child(even){margin-left:50%;padding:0 0 35px 40px;}
.tl-year{font-size:20px;color:#e73102;font-weight:bold;}
.tl-dot{position:absolute;top:6px;right:-7px;width:12px;height:12px;border-radius:50%;background:#e73102;border:#fff solid 2px;box-sizing:border-box;}
.tl-list li:nth-child(even) .tl-dot{left:-7px;right:auto;}
.tl-text{font-size:14px;color:#666;line-height:26px;margin-top:6px;}
.tl-text b{display:block;font-size:15px;color:#333;margin-bottom:4px;}

.cul-list{width:1200px;margin:35px auto;padding:0;display:flex;}
.cul-list li{flex:1;margin:0 15px;background:#f7f7f7;border-top:#e73102 solid 3px;padding:32px 25px;text-align:center;}
.cul-list h3{font-size:20px;color:#333;margin-bottom:12px;}
.cul-list p{font-size:14px;color:#666;line-height:26px;}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .w1200{width:auto;padding:0 15px;box-sizing:border-box;}
  .head-slogan{display:none;}
  .banner{height:420px;}
  .ban-cap h2{font-size:34px;}
  .case-grid li{width:calc(50% - 16px);margin-right:32px;}
  .case-grid li:nth-child(3n){margin-right:32px;}
  .case-grid li:nth-child(2n){margin-right:0;}
  .case-grid li div{width:100%;height:auto;}
  .case-grid li img{width:100%;height:auto;}
  .case-marquee,.two,.ad-list,.partner-list,.newsList,.temas,.cul-list,.next,.flxz,.titleConf{width:100%;box-sizing:border-box;}
  .footerLeft{width:320px;}
  .two{height:auto;overflow:visible;}
  .two ul{position:static;flex-wrap:wrap;transform:none !important;}
  .two li{width:47%;margin:12px 1.5%;}
  .two li img{width:100%;}
  .rel-list{flex-wrap:wrap;}
  .rel-list li{flex:1 1 30%;}
}
@media (max-width:767px){
  .lotbox p{display:none;}
  .header{margin:12px 0;}
  .logo-icon{width:38px;height:38px;}
  .logo-name{font-size:19px;}
  .logo-sub{display:none;}
  .head-tel svg{display:none;}
  .head-tel strong{font-size:17px;}
  .nav-toggle{display:block;}
  .nav-ul{display:none;position:absolute;top:60px;left:0;right:0;background:#e73102;flex-direction:column;width:100%;}
  .nav-ul.open{display:flex;}
  .nLi{border-right:none;border-bottom:rgba(255,255,255,.12) solid 1px;}
  .sub{display:none;position:static;background:rgba(0,0,0,.18);}
  .nav-ul.open .sub{display:block;}
  .banner{height:250px;}
  .ban-cap h2{font-size:24px;margin-bottom:8px;}
  .ban-cap p{font-size:12px;letter-spacing:1px;}
  .about-img{float:none;width:100%;height:auto;}
  .about-fonts{float:none;width:100%;margin-top:18px;}
  .case-grid li{width:100%;margin-right:0;}
  .ad-list{flex-direction:column;}
  .ad-list li{margin-bottom:18px;}
  .case-marquee{overflow:visible;}
  .goL,.goR{display:none;}
  .two li{width:100%;margin:12px 0;}
  .partner-list li{flex-basis:44%;}
  .footer{padding:25px 0;}
  .footer .w1200{flex-direction:column;}
  .footerLeft{width:100%;}
  .footerRight{margin-left:0;margin-top:22px;flex-direction:column;}
  .footerNav{width:100%;}
  .lxwm{margin-top:18px;}
  .reveal-modal{width:auto;left:15px;right:15px;}
  .guest-form input[type="text"],.guest-form input[type="email"],.guest-form textarea{width:100%;}
  .n-banner{height:170px;}
  .ntt h1{font-size:18px;}
  .ntt i{display:none;}
  .temas li{width:100%;margin-right:0;}
  .cul-list{flex-direction:column;}
  .cul-list li{margin:0 0 15px;}
  .tl-list::before{left:6px;}
  .tl-list li,.tl-list li:nth-child(even){width:100%;margin-left:0;padding:0 0 28px 30px;}
  .tl-dot,.tl-list li:nth-child(even) .tl-dot{left:0;right:auto;}
  .newsPic img{float:none;width:100%;margin-bottom:12px;}
  .para-table{display:block;overflow-x:auto;}
  .rel-list li{flex:1 1 100%;}
  .dt-img{width:100%;}
}