/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}

/**/
.topHeader-wrap{ width:100%; height:659px; background:url("//www.chinaacc.com/upload/resources/image/2024/05/20/2343666.png") no-repeat center top;}
.topHeader-mod{}
.topHeader-mod .major-con{ width:266px; height:378px; top:166px; left:0; background:url("/images/zzss/project/suibe/header-bg01.png") no-repeat center top;}
.topHeader-mod .major-con .tit{ padding-top:16px; text-align:center; line-height:42px; font-size:20px; color:#fff; font-weight:bold;}
.topHeader-mod .major-con .con{ width:202px; background:#fff; color:#480700; border-radius:10px; padding:0 20px; margin:14px auto 0;}
.topHeader-mod .major-con .con h4{ line-height:36px; font-size:16px; padding-top:4px; border-top:1px solid #f4eddd;}
.topHeader-mod .major-con .con h4:first-child{ border-top:0;}
.topHeader-mod .major-con .con p{ line-height:32px; white-space:nowrap; padding-bottom:10px;}
.topHeader-mod .top-tit{ line-height:42px; text-align:center; width:800px; left:296px; top:258px; font-size:18px; color:#ffdbab;}
.topHeader-mod .advantage-con{ left:410px; top:342px;}
.topHeader-mod .advantage-con .tit{ float:left; width:46px; height:212px; background:url("/images/zzss/project/suibe/header-bg02.png") no-repeat;}
.topHeader-mod .advantage-con .con{ float:left; margin-left:30px;}
.topHeader-mod .advantage-con .con li{ width:477px; height:40px; line-height:40px; margin-bottom:4px; color:#d7dfff; padding-left:50px; background:url("/images/zzss/project/suibe/header-bg04.png") no-repeat 16px center #2131a1;}
.topHeader-mod .advantage-con .con h4{ float:left; line-height:40px; width:112px; font-size:16px; font-weight:bold; background:url("/images/zzss/project/suibe/header-bg03.png") no-repeat right center;}
.topHeader-mod .advantage-con .con p{ display:block; float:left; font-size:16px; padding-left:17px;}

/**/
.introduce-wrap{ width:100%; height:844px; background:url("/images/zzss/project/suibe/introduce-bg04.jpg") no-repeat center top;}
.introduce-mod .ranking-list{ width:414px; padding:36px 0; background:rgba(9,11,28,.74); left:0; top:155px; z-index:19; border-radius:10px;}
.introduce-mod .ranking-list .top-tit{ width:145px; height:37px; margin:0 auto; background:url("/images/zzss/project/suibe/introduce-tit.png") no-repeat;}
.introduce-mod .ranking-list h4{ line-height:50px; text-align:center; font-size:0; margin-top:23px;}
.introduce-mod .ranking-list h4 span{ display:inline-block; font-size:29px; color:#ffe4ab; position:relative;}
.introduce-mod .ranking-list h4 span:after,.introduce-mod .ranking-list h4 span:before{ content:""; width:25px; height:1px; background:#d49239; position:absolute; left:-43px; top:25px;}
.introduce-mod .ranking-list h4 span:after{ left:auto; right:-43px;}
.introduce-mod .ranking-list p{ line-height:29px; font-size:14px; color:#ffe8b7; text-align:center;}
.introduce-mod .ranking-list p strong{ font-size:24px;}
.introduce-mod .ranking{ width:829px; height:626px; position:absolute; left:-361px; top:117px;}
.introduce-mod .ranking li{ float:left; width:147px; padding-bottom:16px;}
.introduce-mod .ranking .swiper-container{ width:829px; height:626px;}
.introduce-mod .con{ width:670px; padding:102px 0 0;}
.introduce-mod .con .title{ height:46px; line-height:46px;}
.introduce-mod .con .title h4{ float:left; font-size:26px;}
.introduce-mod .con .title .more-btn{ display:inline-block; float:right; height:32px; line-height:32px; margin-top:7px; color:#ff7048; text-decoration:none; border:1px solid #ff7048; border-radius:40px; padding:0 40px 0 19px; position:relative;}
.introduce-mod .con .title .more-btn:before{ content:""; width:18px; height:15px; position:absolute; right:14px; top:9px; background:url("/images/zzss/project/suibe/introduce-ico01.jpg") no-repeat;}
.introduce-mod .con .introduce-text{ padding:10px 0 30px; }
.introduce-mod .con .introduce-text p{ font-size:16px; line-height:35px;}
.introduce-mod .con .introduce-text strong{ color:#002e6a;}
.introduce-mod .con .introduce-text em{ font-weight:bold; text-decoration:underline;}
.introduce-mod .con .authentication{ width:665px; height:228px; padding-top:30px; background:url("/images/zzss/project/suibe/introduce-bg03.jpg") no-repeat center bottom;}
.introduce-mod .con .authentication .swiper-container{ height:228px;}
.introduce-mod .con .authentication .swiper-slide{ width:665px; height:228px; text-align:center;}
.introduce-mod .con .authentication .swiper-slide .box{ display:inline-block; margin:0 28px; width:244px; height:202px; background:url("/images/zzss/project/suibe/introduce-bg02.jpg") no-repeat;}
.introduce-mod .con .authentication .swiper-slide .pic{ display:block; padding:12px 0 0;width:214px; height:148px; margin:0 auto; position:relative;}
.introduce-mod .con .authentication .swiper-slide .pic img{ display:block; width:214px; height:148px;}
.introduce-mod .con .authentication .swiper-slide .pic span{ display:block; width:26px; height:26px; position:absolute; left:1px; top:14px; background:url("/images/zzss/project/suibe/authentication-ico01.png") no-repeat;}
.introduce-mod .con .authentication .swiper-slide p{ line-height:34px; font-size:18px; color:#480700; font-weight:bold; text-align:center;}
.introduce-mod .con .authentication .box{ position:relative;}
.introduce-mod .con .authentication .box em{ display:none; width:260px; line-height:22px; padding:10px; background:#fff; position:absolute; right:10px; bottom:45px;}
.introduce-mod .con .authentication .pagination{ text-align:center; padding:20px 0 0;}
.introduce-mod .con .authentication .pagination .swiper-pagination-switch{ display:inline-block; width:12px; height:12px; margin:0 12px; background:#dadada; border-radius:50%;}
.introduce-mod .con .authentication .pagination .swiper-active-switch{ background:#192e67;}

.pic-pop{ position:fixed; left:50%; top:50%; z-index:99; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.pic-pop img{ width:800px;}
.pic-pop .close-btn{ display:block; width:28px; height:28px; position:absolute; right:-14px; top:-14px; background:url("/images/zzss/project/suibe/file-close.png") no-repeat;}

/**/
.estimate-wrap{ width:100%; height:183px; background:url("/images/zzss/project/suibe/estimate-bg.jpg") no-repeat center top;}
.estimate-mod{}
.estimate-mod .tit{ width:196px; color:#cc0100; padding-top:42px; text-align:center; margin-right:46px;}
.estimate-mod .tit h4{ line-height:48px; font-size:33px;}
.estimate-mod .tit p{ line-height:44px; font-size:28px; font-weight:bold;}
.estimate-mod .con{ padding:56px 0 0 0;}
.estimate-mod .con .ipt{ width:320px; height:63px; border:1px solid #dbbd8f; border-radius:40px; font-size:16px; margin-right:20px; text-indent:60px;}
.estimate-mod .con .ipt.name{ background:url("/images/zzss/project/suibe/estimate-ico01.png") no-repeat 23px center #fff;}
.estimate-mod .con .ipt.phone{ background:url("/images/zzss/project/suibe/estimate-ico02.png") no-repeat 21px center #fff;}
.estimate-mod .con .btn{ display:block; width:266px; height:63px; line-height:63px; text-align:center; font-size:20px; color:#fff; font-weight:bold; text-decoration:none; background:#cc0100; border-radius:40px;}

/**/
.content-wrap{ width:100%; height:845px; background:url("/images/zzss/project/suibe/content-bg.jpg") no-repeat center top;}
.content-mod{}
.content-mod .title{ text-align:center; padding:42px 0 0;}
.content-mod .title h4{ line-height:68px; font-size:34px; color:#fff;}
.content-mod .title p{ line-height:54px; font-size:16px; color:#fff;}
.content-mod .title .more-btn{ display:inline-block; float:right; height:32px; line-height:32px; color:#ff7048; text-decoration:none; border:1px solid #ff7048; border-radius:40px; padding:0 40px 0 19px; top:76px; right:0;}
.content-mod .title .more-btn:before{ content:""; width:16px; height:14px; position:absolute; right:14px; top:9px; background:url("/images/zzss/project/beiyalisangna2/ico01.png") no-repeat;}
.content-mod .con{ margin-top:32px; background:rgba(15,15,16,.51); border-radius:6px;}
.content-mod .con .tab-tit{ padding:31px 0 0 0; text-align:center; font-size:0;}
.content-mod .con .tab-tit .btn{ display:inline-block; height:38px; line-height:38px; padding:0 46px; text-decoration:none; text-align:center; background:#fedcaa; border-radius:40px; margin-right:13px; color:#380e02; font-size:16px;}
.content-mod .con .tab-tit .btn.on{ background:#e08a3d; color:#fff; font-weight:bold;}
.content-mod .con .tab-con{ display:none; padding:0 38px 28px;}
.content-mod .con .tab-con .top-tit{ height:60px; line-height:60px; font-size:16px; color:#ffd28b; background:rgba(6,6,18,.5); margin-top:32px; border-radius:12px;}
.content-mod .con .tab-con .top-tit i{ display:inline-block; width:46px; height:44px; margin:0 31px; vertical-align:middle; background:url("/images/zzss/project/suibe/content-ico01.png") no-repeat;}
.content-mod .con .tab-con .top-tit span{ display:block; line-height:15px; font-size:12px; text-align:center; color:#fff; padding:6px 2px 0 ;}
.content-mod .con .tab-con .left-con{ width:475px; padding:26px 0 0;}
.content-mod .con .tab-con .box{}
.content-mod .con .tab-con .box h4{ float:left; width:110px; line-height:40px; font-size:22px; color:#ffd28b; font-weight:bold; text-indent:20px; position:relative;}
.content-mod .con .tab-con .box h4:before{ content:""; width:6px; height:6px; background:#f2b566; border-radius:50px; position:absolute; left:6px; top:18px;}
.content-mod .con .tab-con .box .text{ float:right; width:365px;}
.content-mod .con .tab-con .box .text p{ height:36px; line-height:36px; font-size:16px; color:#fff; position:relative;}
.content-mod .con .tab-con .box .text p em{ font-size:12px;}
.content-mod .con .tab-con .box .text span{ display:block; position:absolute; right:0; top:0; font-size:12px;}
.content-mod .con .tab-con .box .text span i{ font-size:16px;}
.content-mod .con .tab-con .right-con{ width:475px; padding:26px 0 0;}
.content-mod .con .tab-con .paper-con{ border:1px solid #473418; border-radius:8px; margin-top:35px;}
.content-mod .con .tab-con .paper-con h4{ float:left; width:96px; line-height:80px; font-size:16px; color:#ffd28b; text-align:center;}
.content-mod .con .tab-con .paper-con p{ display:block; float:right; width:350px; height:56px; line-height:28px; color:#fff; padding:11px 20px 0 0; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
.content-mod .tips{ text-align:right; line-height:48px; font-size:16px; color:#fff; padding-right:12px;}
.content-mod .btn-wrap{ padding:4px 0 0 120px;}
.content-mod .btn-wrap .consult-btn{ display:block; width:262px; height:59px; line-height:59px; text-align:center; font-size:20px; color:#f29702; font-weight:bold; text-decoration:none; border:2px solid #f29702; border-radius:40px; margin:15px 40px 0 0;}
.content-mod .btn-wrap .buy-btn{ display:block; width:266px; height:63px; line-height:63px; text-align:center; font-size:20px; color:#fff; font-weight:bold; text-decoration:none; background:#cc0100; border-radius:40px; margin-top:15px;}
.content-mod .btn-wrap .coupon{ width:356px; height:80px; border-radius:5px; background:url("/images/zzss/project/beiyalisangna2/nav-bg02.jpg") no-repeat; margin-right:60px;}
.content-mod .btn-wrap .coupon .price{ line-height:80px; font-size:40px; font-weight:bold; color:#da153a; padding:0 0 0 16px;}
.content-mod .btn-wrap .coupon .price i{ display:inline-block; width:20px; height:20px; line-height:20px; border-radius:40px; text-align:center; vertical-align:20px; font-size:15px; color:#fff; background:#da153a; margin-right:3px; }
.content-mod .btn-wrap .coupon .text{ padding:0 0 0 18px; color:#da153a;}
.content-mod .btn-wrap .coupon .text p{ line-height:24px; padding-top:16px;}
.content-mod .btn-wrap .coupon .text h4{ line-height:24px; font-size:18px;}
.content-mod .btn-wrap .coupon .btn{ display:block; width:64px; height:54px; text-align:center; margin:9px 17px 0 0; padding-top:10px; text-decoration:none; border-radius:40px; line-height:20px; font-size:16px; color:#fff; font-weight:bold; animation:get-scale 1.5s infinite linear; -webkit-animation:get-scale 1.5s infinite linear; background:#da153a; background-image:-webkit-linear-gradient(top, #ff7048, #da153a); background-image:-moz-linear-gradient(top, #ff7048, #da153a); background-image:linear-gradient(top,#ff7048,#da153a);}

/**/
.choice-wrap{ width:100%; height:728px; background:url("/images/zzss/project/suibe/choice-bg.jpg") no-repeat center top;}
.choice-mod{}
.choice-mod .title{ text-align:center; line-height:70px; font-size:36px; color:#373751; font-weight:bold; padding-top:38px;}
.choice-mod .list{ width:100%; height:619px;}
.choice-mod .list .box{ width:330px; height:110px; border-radius:12px 12px 25px 12px; position:absolute; background:#edf6ff; background-image:-webkit-linear-gradient(top, #fff, #edf6ff); background-image:-moz-linear-gradient(top, #fff, #edf6ff); background-image:linear-gradient(top,#fff,#edf6ff);}
.choice-mod .list .box .tit{ display:inline-block; line-height:46px; font-size:16px; padding:0 25px 0 9px; color:#fff; font-weight:bold; position:absolute; left:0; top:-29px; border-radius:6px 20px 6px 6px; background:#2a4fb5; background-image:-webkit-linear-gradient(left, #2a4fb5, #55a9ff); background-image:-moz-linear-gradient(left, #2a4fb5, #55a9ff); background-image:linear-gradient(left,#2a4fb5,#55a9ff);}
.choice-mod .list .box .tit i{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#2c59bd; font-weight:bold; border-radius:50%; margin-right:8px; background:#defefc; background-image:-webkit-linear-gradient(left, #ddf0fd, #defefc); background-image:-moz-linear-gradient(left, #ddf0fd, #defefc); background-image:linear-gradient(left,#ddf0fd,#defefc);}
.choice-mod .list .box p{ line-height:26px; min-height:70px; font-size:16px; padding:33px 0 0 112px;}
.choice-mod .list .box p strong.red-tags{ color:#e23000;}
.choice-mod .list .box.abs01 p{ background:url("/images/zzss/project/suibe/choice-ico01.jpg") no-repeat 26px 42px;}
.choice-mod .list .box.abs02 p{ padding-left:48px; background:url("/images/zzss/project/suibe/choice-ico02.jpg") no-repeat 270px 42px;}
.choice-mod .list .box.abs02 .tit{ left:auto; right:0; border-radius:20px 6px 6px 6px;}
.choice-mod .list .box.abs03 p{ padding-left:100px; background:url("/images/zzss/project/suibe/choice-ico03.jpg") no-repeat 30px 33px;}
.choice-mod .list .box.abs01{ top:69px; left:109px;}
.choice-mod .list .box.abs02{ top:69px; right:89px;}
.choice-mod .list .box.abs03{ top:238px; left:0;}
.choice-mod .list .box.abs04{ top:238px; right:0;}
.choice-mod .list .box.abs04 p{ padding-left:48px; background:url("/images/zzss/project/suibe/choice-ico04.png") no-repeat 249px 37px;}
.choice-mod .list .box.abs04 .tit{ left:auto; right:0; border-radius:20px 6px 6px 6px;}
.choice-mod .list .box.abs05{ top:420px; left:109px;}
.choice-mod .list .box.abs05 p{ padding-left:95px; background:url("/images/zzss/project/suibe/choice-ico05.png") no-repeat 27px 39px;}
.choice-mod .list .box.abs06{ top:420px; right:0;}
.choice-mod .list .box.abs06 p{ padding-left:32px; padding-top:34px; background:url("/images/zzss/project/suibe/choice-ico06.png") no-repeat 250px 36px;}
.choice-mod .list .link-btn{ display:block; width:266px; height:66px; line-height:66px; text-align:center; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; border-radius:40px; left:50%; margin-left:-133px; bottom:38px; background:#ff3d09; background-image:-webkit-linear-gradient(left, #ff3d09, #ff6536); background-image:-moz-linear-gradient(left, #ff3d09, #ff6536); background-image:linear-gradient(left,#ff3d09,#ff6536);}

/**/
.flow-wrap{ width:100%; background:#ede9da;}
.flow-mod{ padding-bottom:56px;}
.flow-mod .title{ text-align:center; line-height:70px; font-size:36px; color:#373751; font-weight:bold; padding-top:38px;}
.flow-mod .list{ padding:30px 0 15px;}
.flow-mod .list{ width:1226px;}
.flow-mod .list li{ float:left; width:280px; height:146px; border-radius:15px; margin:0 26px 40px 0; position:relative;}
.flow-mod .list li.ico01{ background:url("/images/zzss/project/suibe/flow-ico01.png") no-repeat 16px 22px #fff;}
.flow-mod .list li.ico02{ background:url("/images/zzss/project/suibe/flow-ico02.png") no-repeat 25px 29px #fff;}
.flow-mod .list li.ico03{ background:url("/images/zzss/project/suibe/flow-ico03.png") no-repeat 14px 24px #fff;}
.flow-mod .list li.ico04{ background:url("/images/zzss/project/suibe/flow-ico04.png") no-repeat 24px 27px #fff;}
.flow-mod .list li.ico08{ background:url("/images/zzss/project/suibe/flow-ico08.png") no-repeat 24px 27px #fff;}
.flow-mod .list li.ico07{ background:url("/images/zzss/project/suibe/flow-ico07.png") no-repeat 24px 27px #fff;}
.flow-mod .list li.ico06{ background:url("/images/zzss/project/suibe/flow-ico06.png") no-repeat 24px 27px #fff;}
.flow-mod .list li.ico05{ background:url("/images/zzss/project/suibe/flow-ico05.png") no-repeat 24px 27px #fff;}
.flow-mod .list li:before{ content:""; width:44px; height:29px; position:absolute; right:-27px; top:30px; background:url("/images/zzss/project/suibe/flow-arrow01.png") no-repeat;}
.flow-mod .list li.ico04:before{ width:29px; height:44px; left:132px; bottom:-33px; right:auto; top:auto; background:url("/images/zzss/project/suibe/flow-arrow02.png") no-repeat;}
.flow-mod .list li.ico08:before{ display:none;}
.flow-mod .list li.left-arrow:before{ right:-38px; background:url("/images/zzss/project/suibe/flow-arrow03.png") no-repeat;}
.flow-mod .list .text{ padding:15px 0 0 105px;}
.flow-mod .list .text h3{ line-height:46px; font-size:22px; color:#f29702;}
.flow-mod .list .text p{ line-height:30px;}
.flow-mod .link-btn{ display:block; width:266px; height:66px; line-height:66px; text-align:center; color:#fff; font-size:20px; margin:0 auto; font-weight:bold; text-decoration:none; border-radius:40px; background:#ff3d09; background-image:-webkit-linear-gradient(left, #ff3d09, #ff6536); background-image:-moz-linear-gradient(left, #ff3d09, #ff6536); background-image:linear-gradient(left,#ff3d09,#ff6536);}

/**/
.freeData-wrap{ width:100%; background:#f4f5f9;}
.freeData-mod{ padding-bottom:75px;}
.freeData-mod .title{text-align:center; line-height:50px; font-size:30px; color:#373751; font-weight:bold; padding-top:62px;}
.freeData-mod .list{ padding:60px 0 0 0;}
.freeData-mod .list li{ float:left; width:277px; height:292px; margin-right:30px; position:relative; background:url("/images/zzss/project/suibe/freeData-bg01.png") no-repeat;}
.freeData-mod .list li h4{ text-align:center; line-height:24px; font-size:18px; color:#181f76; padding-top:193px;}
.freeData-mod .list li .btn{ display:block; width:167px; height:41px; line-height:41px; text-indent:45px; margin:12px auto 0; border-radius:40px; font-size:16px; color:#fff; text-decoration:none; background:url("/images/zzss/project/suibe/freeData-ico01.png") no-repeat 123px center #fb955e;}
.freeData-mod .list li.last{ margin-right:0;}
.freeData-mod .bottom-btn{ display:block; width:396px; height:63px; line-height:63px; text-align:center; font-size:20px; color:#fff; font-weight:bold; text-decoration:none; border-radius:40px; margin:53px auto 0; background:#ff3d09; background-image:-webkit-linear-gradient(left, #ff3d09, #ff6536); background-image:-moz-linear-gradient(left, #ff3d09, #ff6536); background-image:linear-gradient(left,#ff3d09,#ff6536);}


/**/
.aboutUs-wrap{ width:100%; padding:79px 0 34px; background:url("/images/zzss/project/beiyalisangna2/aboutUs-bg.jpg") no-repeat center top #fbfcfd;}
.aboutUs-mod .play-btn{ display:block; width:573px; height:350px; margin:0 auto;position: relative;}
.aboutUs-mod .play{width: 80px;height: 80px;box-shadow: 5px 9px 30px 0px rgb(23 11 96 / 18%);border-radius: 50%;top: 50%;left: 50%;margin: -40px 0 0 -40px;}
.aboutUs-mod .list{ padding:99px 0 0 0;}
.aboutUs-mod .list li{ float:left; width:300px;}
.aboutUs-mod .list h3{ line-height:38px; font-size:24px; color:#0086FE; padding-top:28px;}
.aboutUs-mod .list h3.t01{ background:url("/images/zzss/project/beiyalisangna2/teaching-num01.png") no-repeat left top;}
.aboutUs-mod .list h3.t02{ background:url("/images/zzss/project/beiyalisangna2/teaching-num02.png") no-repeat left top;}
.aboutUs-mod .list h3.t03{ background:url("/images/zzss/project/beiyalisangna2/teaching-num03.png") no-repeat left top;}
.aboutUs-mod .list h3.t04{ background:url("/images/zzss/project/beiyalisangna2/teaching-num04.png") no-repeat left top;}
.aboutUs-mod .list p{ line-height:26px; color:#888;font-size: 14px;}

/**/
.ewm-wrap{ width:100%; height:253px; background:url("/images/zzss/project/beiyalisangna2/ewm-bg.jpg") no-repeat center top;background-size: cover;}
.ewm-mod{ padding:30px 0 0; text-align:center; font-size:0;}
.ewm-mod li{ display:inline-block; *display:inline; *zoom:1; width:164px; margin:0 47px;}
.ewm-mod img{ display:block; width:150px; height:150px; border:7px solid #fff;}
.ewm-mod p{ line-height:44px; font-size:16px; color:#fffefe;}

/**/
.fix-coupon{ display:block; width:151px; height:136px; position:fixed; right:10px; top:50%; margin-top:-68px; z-index:19; background:url("/images/zzss/project/suibe/fix-coupon.png") no-repeat;}
.fix-coupon h3{ line-height:24px; font-size:14px; color:#e19533; text-align:center; font-weight:normal; padding:13px 0 0 12px; }
.fix-coupon p{ line-height:38px; font-size:38px; color:#e31701; font-weight:bold; text-align:center; padding:5px 0 0 12px; font-family:"DIN Alternate"}
.fix-coupon p i{ display:inline-block; width:17px; height:17px; line-height:17px; text-align:center; border-radius:50%; background:#f12e03; font-size:12px; color:#fff; vertical-align:top;}
.fix-coupon span{ display:block; width:47px; height:47px; margin:25px 0 0 58px; animation:get-scale 1.5s infinite linear; -webkit-animation:get-scale 1.5s infinite linear; background:url("/images/zzss/project/suibe/fix-couponBtn.png") no-repeat;}
.fix-coupon:hover{ text-decoration:none;}

/**/
.fixBottom-wrap{ width:100%; height:100px; position:fixed; left:0; bottom:0; z-index:69; background:#f3d19f; background-image:-webkit-linear-gradient(top, #f3d19f, #ffe9c1); background-image:-moz-linear-gradient(top, #f3d19f, #ffe9c1); background-image:linear-gradient(top,#f3d19f,#ffe9c1);}
.fixBottom-wrap .close-btn{ display:block; width:30px; height:35px; position:absolute; right:10px; top:0; background: url("/images/chujizhicheng/project/2025project/bottomFix-close.png") no-repeat;}
.fixBottom-mod{}
.fixBottom-mod:before{ content:""; width:136px; height:118px; position:absolute; left:8px; top:-17px; background:url("/images/zzss/project/beiyalisangna2/fixBottom-ico02.png") no-repeat;}
.fixBottom-mod .con{ padding:28px 0 0 188px;}
.fixBottom-mod .con .ipt{ width:280px; height:48px; border-radius:40px; border:0; font-size:16px; margin-right:12px; text-indent:48px;}
.fixBottom-mod .con .ipt.name{ background:url("/images/zzss/project/beiyalisangna2/estimate-ico01.png") no-repeat 19px center #fff;}
.fixBottom-mod .con .ipt.phone{ background:url("/images/zzss/project/beiyalisangna2/estimate-ico02.png") no-repeat 19px center #fff;}
.fixBottom-mod .con .btn{ display:block; width:228px; height:48px; line-height:48px; text-align:center; font-size:22px; color:#fff; box-shadow:0 5px 10px #fdae84; text-decoration:none; border-radius:40px; position:relative; margin-right:25px; background:#ff3d09; background-image:-webkit-linear-gradient(left, #ff3d09, #ff6536); background-image:-moz-linear-gradient(left, #ff3d09, #ff6536); background-image:linear-gradient(left,#ff3d09,#ff6536);}
.fixBottom-mod .con .btn:before{ content:""; width:66px; height:54px; position:absolute; right:-31px; bottom:-26px; background:url("/images/zzss/project/beiyalisangna2/fixBottom-ico01.png") no-repeat;}
.fixBottom-mod .con .consult-btn{ display:block; width:175px; height:48px; line-height:48px; text-align:center; font-size:22px; color:#fff; text-decoration:none; background:#fe7b2d; border-radius:40px; box-shadow:0 5px 10px #fdae84;}

/**/
.left-nav{ width:110px; position:fixed; left:10px; top:50%; margin-top:-200px; z-index:69; padding-bottom:17px; border-radius:0 0 8px 8px; background:#d1864c; background-image:-webkit-linear-gradient(left, #d1864c, #e8a866); background-image:-moz-linear-gradient(left, #d1864c, #e8a866); background-image:linear-gradient(left,#d1864c,#e8a866);}
.left-nav .consult-btn{ display:block; width:129px; height:113px; left:-10px; top:-113px; text-decoration:none; background:url("/images/zzss/project/beiyalisangna2/leftNav-ico01.png") no-repeat;}
.left-nav .consult-btn p{ font-size:20px; color:#fff; line-height:22px; padding-top:30px; text-align:center;}
.left-nav .list{ padding:13px 0 0;}
.left-nav .list .btn{ display:block; width:90px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#8f4408; text-decoration:none; border-radius:40px; margin:0 auto 10px; background:#ffe6bc; background-image:-webkit-linear-gradient(top, #ffe6bc, #fff9ef); background-image:-moz-linear-gradient(top, #ffe6bc, #fff9ef); background-image:linear-gradient(top,#ffe6bc,#fff9ef);}
.left-nav .phone{ width:103px; margin:0 auto; padding-bottom:10px; border-radius:10px 10px 0 0; text-align:center; color:#fff; background:#be621f; background-image:-webkit-linear-gradient(top, #be621f, #d1854a); background-image:-moz-linear-gradient(top, #be621f, #d1854a); background-image:linear-gradient(top,#be621f,#d1854a);}
.left-nav .phone h4{ line-height:27px; padding-top:4px; font-size:14px; text-shadow:0 0 5px #bd672d;}
.left-nav .phone p{ line-height:19px; font-size:13px; font-weight:bold; text-shadow:0 0 5px #bd672d;}
.left-nav .ewm{ border:5px solid #e3b087; width:80px; margin:0 auto;}
.left-nav .ewm-text{ text-align:center; line-height:20px; padding-top:8px; font-size:16px; color:#fff; font-weight:bold;}
.left-nav .top-btn{ display:block; width:45px; height:45px; left:50%; margin-left:-22px; bottom:-33px; border-radius:50%; background:url("/images/zzss/project/beiyalisangna2/leftNav-ico02.png") no-repeat center #cf752e;}
.left-nav .arrow{display:block;width:30px;height:50px;background:url(/images/zhongjizhicheng/project/index2022/fixNav-common.png) no-repeat 0 0;position:absolute;right:-29px;top:50%;margin-top:-25px;background-position-x:-28px}

.footer-wrap{ padding-bottom:100px;}


/**/
.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:660px; position:fixed; left:50%; background:#fff; border-radius:10px; margin-left:-330px; top:50%; z-index:99;}
.common-pop .top-tit{ line-height:56px; text-align:center; padding-top:13px; font-size:20px; font-weight:bold;}
.common-pop .top-tit:before{ content:""; width:38px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-19px; bottom:-3px;}
.common-pop .close-btn{ display:block; width:16px; height:16px; position:absolute; right:20px; top:20px; z-index:9; background:url("/images/zzss/project/suibe/close-btn01.png") no-repeat;}
.equity-pop .con{ padding:0 47px 20px;}
.equity-pop .con h4{ line-height:50px; font-size:16px; color:#ff8932;}
.equity-pop .con p{ line-height:32px; font-size:16px; padding-bottom:15px;}
.introduce-pop .con{ padding:0 50px 30px; max-height:400px; overflow-y:auto;}
.introduce-pop .con p{ line-height:32px; font-size:16px;}

/**/
.informationForm-pop{ width:820px; height:433px; margin-left:-410px; margin-top:-216px; background:url("/images/zzss/project/suibe/informationForm-bg.jpg") no-repeat;}
.informationForm-pop .left-con{ width:380px; height:433px; border-radius:10px 0 0 10px;}
.informationForm-pop .left-con .list{ height:256px;}
.informationForm-pop .left-con .list p{ display:block; width:164px; height:30px; line-height:30px; text-align:center; border:1px solid #c9f1f3; color:#fffefe; border-radius:40px 40px 40px 0; position:absolute;}
.informationForm-pop .left-con .list p.abs01{ left:137px; top:34px;}
.informationForm-pop .left-con .list p.abs02{ width:134px; left:36px; top:81px;}
.informationForm-pop .left-con .list p.abs03{ left:188px; top:90px; color:#07bdc7; background:#fff; border-color:#fff;}
.informationForm-pop .left-con .list p.abs04{ width:114px; left:54px; top:131px;}
.informationForm-pop .left-con .list p.abs05{ left:178px; top:148px;}
.informationForm-pop .left-con .list p.abs06{ width:134px; left:102px; top:194px;}
.informationForm-pop .left-con .ewm{}
.informationForm-pop .left-con .ewm .pic{ display:block; width:109px; height:109px; border:7px solid #fff; margin:0 auto;}
.informationForm-pop .left-con .ewm p{ color:#fff; text-align:center; font-weight:bold; line-height:20px; padding-top:8px;}
.informationForm-pop .right-con{ width:440px;}
.informationForm-pop .right-con .tit{ text-align:center; line-height:62px; font-size:20px; font-weight:bold; padding-top:59px;}
.informationForm-pop .right-con .tit:before{ content:""; width:38px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-19px; bottom:0;}
.informationForm-pop .right-con .infor-list{ padding:30px 0 0 0;}
.informationForm-pop .right-con .infor-list .box{ margin-bottom:20px;}
.informationForm-pop .right-con .infor-list h4{ display:block; float:left; width:122px; line-height:50px; font-weight:normal; text-align:right; padding-right:10px;}
.informationForm-pop .right-con .infor-list .ipt{ display:block; float:left; width:248px; height:48px; line-height:48px; border:1px solid #e3e3e3; border-radius:6px; text-indent:12px;}
.informationForm-pop .right-con .infor-btn{ display:block; width:195px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#fff; font-weight:bold; text-decoration:none; background:#f29702; border-radius:40px; margin:30px auto 0;}


@-webkit-keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}