header{height:900px; background:#9fc2e8 url(/public/img/zhaoshang/banner.jpg?2022) bottom center no-repeat;}
header .jmbtn{position:absolute; top:460px; left:50%; margin-left:-78px;}
#container .w1200{padding:80px 0; width:1200px; margin:0 auto;}

/* 标题 */
.zsttl{text-align:center; overflow:hidden; padding:30px 0 50px; position:relative;}
.zsttl .zsenglish{color:rgba(204, 204, 204, 0.15); font-size:60px; text-transform:uppercase; line-height:1em; font-weight:bold; position:absolute; width:100%; top:0;}
.zsttl .zsname{font-size:48px; font-weight:bold; color:#333; line-height:1em; position:relative; z-index:99;}
.zsttl .zsline{color:#ccc; line-height:1em; padding:12px 0; font-size:20px; position:relative; display:inline-block; font-style:italic;}
.zsttl .zsline:before,
.zsttl .zsline:after{content:""; width:180px; height:1px; background:#ccc; position:absolute; top:50%; margin-top:-1px;}
.zsttl .zsline:before{left:-200px;}
.zsttl .zsline:after{right:-200px;}
.zsttl .zswz{color:#0d6fb8; font-size:16px; line-height:1em;}

/* 项目介绍 */
.zsintroduce .desc .img{width:562px; height:356px; border:6px solid #eee; float:right; clear:both; margin-left:20px;}
.zsintroduce .desc .text p{padding-top:10px; font-size:18px; color:#666; line-height:1.8em; text-indent:2em; text-align:justify;}
.zsintroduce .desc .text p:first-child{padding-top:0;}
.zsintroduce .power{margin-bottom:50px;}
.zsintroduce .power .item{width:33%; float:left; text-align:center; position:relative;}
.zsintroduce .power .item:first-child{width:34%; border-left:none;}
.zsintroduce .power .item:after{content:""; width:1px; height:120px; background:#eee; position:absolute; left:0; top:50%; margin-top:-60px;}
.zsintroduce .power .item:first-child:after{display:none;}
.zsintroduce .power .item .box{display:inline-block;}
.zsintroduce .power .item .icon{width:150px; height:150px; border-radius:50%; display:table-cell; vertical-align:middle;
background:#0669a1;
background:linear-gradient(90deg, #0992ca, #0669a1);
background:-webkit-linear-gradient(0deg, #0992ca, #0669a1);
background:-moz-linear-gradient(0deg, #0992ca, #0669a1);
background:-o-linear-gradient(0deg, #0992ca, #0669a1);
}
.zsintroduce .power .item .icon .iconfont{font-size:80px; color:#fff;}
.zsintroduce .power .item .text{font-size:18px; color:#333; line-height:1em; display:table-cell; vertical-align:middle; text-align:left; padding-left:20px;}
.zsintroduce .power .item .text .num{font-size:60px; font-weight:bold; color:#056198; line-height:1em; padding-top:10px;}
.zsintroduce .desc.animate .img{ transition:all ease-in-out 1000ms; transform: translateX(200px); opacity:0;}
.zsintroduce .desc.animate .text{ transition:all ease-in-out 1000ms; transform: translateX(-200px); opacity:0;}
.zsintroduce .desc.animate.load .img{ transform:scale(1); opacity:1;}
.zsintroduce .desc.animate.load .text{ transform:scale(1); opacity:1;}
.zsintroduce .power.animate .item{ transition:all ease-in-out 1000ms; transform:scale(0.2); opacity:0;}
.zsintroduce .power.animate.load .item{ transform:scale(1); opacity:1;}

/* 加盟优势 */
.zsadvantage{background:#e6ebee url(/public/img/zhaoshang/advantagebg.jpg) top center no-repeat;}
.zsadvantage .list .item{width:47%; float:left; margin-top:50px;}
.zsadvantage .list .item:nth-child(2n){margin-left:6%;}
.zsadvantage .list .item:nth-child(1),
.zsadvantage .list .item:nth-child(2){margin-top:0;}
.zsadvantage .list .item .l{width:130px; height:130px; border:3px solid #056198; display:table-cell; vertical-align:middle;}
.zsadvantage .list .item .l img{width:130px; height:130px;}
.zsadvantage .list .item .r{display:table-cell; vertical-align:middle; padding-left:30px;}
.zsadvantage .list .item .r .title{font-size:18px; font-weight:bold; display:inline-block; background:#deab30; line-height:1em; padding:5px 10px; border-radius:5em; margin-bottom:5px;}
.zsadvantage .list .item .r .text{line-height:1.5em; text-align:justify;}
.zsadvantage .animate.list .item{ transition:all ease-in-out 1000ms; transform: translateX(-200px); opacity:0;}
.zsadvantage .animate.list .item:nth-child(2n){ transform: translateX(200px);}
.zsadvantage .animate.load.list .item{ transform:scale(1); opacity:1;}

/* 加盟支持 */
.zssupport .list .item{border:1px solid #687b95; margin-top:30px;}
.zssupport .list .item:first-child{margin-top:0;}
.zssupport .list .item .l{width:180px; height:140px; display:table-cell; vertical-align:middle; text-align:center; background:#e6ebee; position:relative;}
.zssupport .list .item .l:after{content:""; width:36px; height:36px; position:absolute; right:35px; top:25px; border-radius:50%;
background:#0669a1;
background:linear-gradient(-135deg, rgba(222, 171, 48, 1), rgba(222, 171, 48, 0));
background:-webkit-linear-gradient(-135deg, rgba(222, 171, 48, 1), rgba(222, 171, 48, 0));
background:-moz-linear-gradient(-135deg, rgba(222, 171, 48, 1), rgba(222, 171, 48, 0));
background:-o-linear-gradient(-135deg, rgba(222, 171, 48, 1), rgba(222, 171, 48, 0));
}
.zssupport .list .item .l span{font-size:80px; line-height:1em; font-weight:bold; position:relative; z-index:10;
    background-image:-webkit-linear-gradient(0deg, #0992ca, #0669a1); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent;}
.zssupport .list .item .r{display:table-cell; vertical-align:middle; padding:0 30px; text-align:justify;}
.zssupport .list .item .r .title{font-size:22px; font-weight:bold; color:#05538b; padding-bottom:10px;}
.zssupport .list .item .r .text{font-size:18px; line-height:1.6em; color:#666; text-align:justify;}
.zssupport .animate.list .item{ transition:all ease-in-out 1000ms; transform: translateX(-200px); opacity:0;}
.zssupport .animate.list .item:nth-child(2n){ transform: translateX(200px);}
.zssupport .animate.load.list .item{ transform:scale(1); opacity:1;}

/* 案例 */
#container .zscase .w1200{padding-top:0;}
.zscase{position:relative;}
.zscase:after{content:""; height:172px; width:100%; background:#04669d; position:absolute; bottom:0; left:0;}
.zscase .text{font-size:18px; line-height:1.8em; color:#666; text-align:justify; padding-bottom:20px; text-indent:2em;}
.zscase .img{position:relative; z-index:10;}
.zscase .img.animate{ transition:all ease-in-out 1000ms; transform: translateY(80px); opacity:0;}
.zscase .img.animate.load{ transform:scale(1); opacity:1;}

/* 加盟条件 */
#container .zscondition .w1200{padding-bottom:0;}
.zscondition .item .l,
.zscondition .item .r{display:table-cell; vertical-align:middle;}
.zscondition .item .p{margin-top:10px;}
.zscondition .item .p:first-child{margin-top:0;}
.zscondition .item .p p{display:inline-block; line-height:1em; padding:15px 20px; border:1px solid #ccc; font-size:18px;}
.zscondition .item img{position:relative; z-index:10;}
.zscondition .item.n1{margin-bottom:50px; padding-left:20px;}
.zscondition .item.n1 .l{position:relative;}
.zscondition .item.n1 .l:after{content:""; width:100%; height:100%; background:#05538b; position:absolute; left:-20px; top:-20px;}
.zscondition .item.n1 .r{padding-left:30px;}
.zscondition .item.n1 .p p span{color:#05538b; padding-right:10px;}
.zscondition .item.n2{padding-right:20px;}
.zscondition .item.n2 .r{position:relative;}
.zscondition .item.n2 .r:after{content:""; width:100%; height:100%; background:#deab30; position:absolute; right:-20px; top:-20px;}
.zscondition .item.n2 .l{padding-right:30px; width:750px;}
.zscondition .item.n2 .p p span{color:#deab30; padding-right:10px;}
.zscondition .animate.list .item{ transition:all ease-in-out 1000ms; transform: translateX(-200px); opacity:0;}
.zscondition .animate.list .item:nth-child(2n){ transform: translateX(200px);}
.zscondition .animate.load.list .item{ transform:scale(1); opacity:1;}

/* 加盟流程 */
.zsprocess{background:url(/public/img/zhaoshang/lcbg.jpg) top center no-repeat;}
.zsprocess .list .item{width:25%; padding:0 2%; float:left; position:relative;}
.zsprocess .list .item:nth-child(n+5){margin-top:50px; float:right;}
.zsprocess .list .item:after{content:""; width:28px; height:28px; background:url(/public/img/zhaoshang/jiantou.png) center center no-repeat; position:absolute; right:-14px; top:85px;}
.zsprocess .list .item:nth-child(n+5):after{right:auo; left:-14px;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.zsprocess .list .item:nth-child(4):after{right:auto; left:50%; margin-left:-14px; top:auto; bottom:-39px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.zsprocess .list .item:nth-child(8):after{display:none;}
.zsprocess .list .item .box{border:1px solid #05538b; position:relative; margin-top:45px;}
.zsprocess .list .item .box .icon{width:90px; height:90px; line-height:90px; background:#deab30; color:#fff; border-radius:50%; position:absolute; left:50%; margin-left:-45px; top:-45px; text-align:center;}
.zsprocess .list .item .box .icon .iconfont{font-size:46px;}
.zsprocess .list .item .box .ttl{font-size:24px; font-weight:bold; color:#fff; text-align:center; padding:60px 0 15px;
background:#0669a1;
background:linear-gradient(90deg, #0992ca, #0669a1);
background:-webkit-linear-gradient(0deg, #0992ca, #0669a1);
background:-moz-linear-gradient(0deg, #0992ca, #0669a1);
background:-o-linear-gradient(0deg, #0992ca, #0669a1);
}
.zsprocess .list .item .box .text{font-size:18px; line-height:1.6em; height:6.2em; color:#666; text-align:justify; padding:15px 20px; box-sizing:content-box;}
.zsprocess .animate.list .item{ transition:all ease-in-out 1000ms; transform: translateY(80px); opacity:0;}
.zsprocess .animate.load.list .item{ transform:scale(1); opacity:1;}

.zstel{height:185px; background:#05538b; text-align:center;}
.zstel .box{display:inline-block; line-height:185px; color:#fff;}
.zstel .icon,
.zstel .phone{display:table-cell; vertical-align:middle;}
.zstel .icon .iconfont{font-size:80px;}
.zstel .phone{font-size:50px; font-weight:bold; padding-left:10px;}
.zstel .phone span{padding:0 10px;}

.jiamengadd{ background:#e6ebee;}
.jiamengadd .table td{ vertical-align:middle;}
.jiamengadd .table td textarea{ width:100%; height:200px; outline:none; border:1px solid #ddd; border-radius:4px; padding:10px; font-size:16px; color:#666;}
.jiamengadd .input{ height:40px; line-height:40px; width:100%; border-radius:4px; background-color:#fff; border:1px solid #ddd; outline:none; padding:0 10px; color:#666;}
.jiamengadd .input.col3{ width:217px; margin-right:15px; float:left;}
.jiamengadd .input.col3.last{ margin-right:0;}
.jiamengadd .table .btn{ width:200px; line-height:42px; background:#deab30; border-radius:21px; font-size:18px; color:#fff; border:0; padding:0; text-align:center; margin:0 auto; cursor:pointer;}
.jiamengadd .table .btn:hover{ background:#f60;}