@charset "utf-8";*{outline:0;word-wrap:break-word}
button,dd,dl,dt,form,h1,h2,h3,h4,input,li,ol,p,section,select,ul{margin:0;padding:0}
button,input,select,textarea{font-size:.875rem;font-family:inherit;line-height:1rem}
img{max-width:100%;border:0;vertical-align:middle}
li,ol,ul{list-style-type:none}
cite,em,i{font-style:normal}
a{color:#000;transition:color .3s linear 0s,background-color .3s linear 0s}
a,a:hover{text-decoration:none}
a:hover{color:#3369e7}
.imga{position:relative;display:block}
.imga img{display:block;width:100%}
.imgh{position:relative;padding-top:75%;width:100%;height:0}
.imgh img,.trbl{position:absolute;top:0;left:0;width:100%;height:100%}
.scale img,.tran{-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-moz-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-o-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.scale:hover img{transform:scale(1.06)}
.Column,.clearfix{margin-top:20px;width:1200px;zoom:1}
.Column:after,.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font:0/0 sans-serif}
.pre,pre{margin:0;white-space:pre-wrap;font-family:inherit}
.break,.pre,pre{word-wrap:break-word}
.break{display:inline-block;white-space:nowrap}
.ellipsis{display:block;white-space:nowrap}
.clamp,.ellipsis{overflow:hidden;text-overflow:ellipsis}
.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.inline{display:inline-block;vertical-align:middle}
.Wrap{float:left;width:100%;min-width:1200px}
.Column,.Wrap{margin:0 auto;height:auto}
.Column{width:1200px}
.Column-L{width:903px;min-height:100px}
.Column-L,.Column-R{float:left;display:inline}
.Column-R{margin-left:7px;width:290px}
.bgFFF{padding:30px 40px;background:#fff}
.Column.bgFFF{padding:25px 35px;width:1130px}
.ztAbout .Title{height:100px;color:#fff;text-align:center;font-size:1.5rem;line-height:4.125rem}
.ztAbout .Title i{display:block;margin:0 auto;width:43px;height:1px;background:#fff}
.ztAbout .Title.redBg{background:#3369e7}
.ztAbout .list *{-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-moz-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-o-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.AboutSec{margin:0 auto}
.AboutSec .banner{position:relative;overflow:hidden;height:305px;background:url(../images/aboutsec_banner.jpg) top no-repeat}
.AboutSec .banner .Title{margin-top:365px}
.AboutSec .intro{margin-top:30px;color:#848484;line-height:1.875rem}
.AboutSec .intro p{font-size:1rem}
.AboutSec li{float:left;width:240px;height:180px;color:#fff;}
.AboutSec .li2{background:#3e3a39}
.AboutSec .li4{background:#bfc5c6; font-size:14px;color:#000000;}
.AboutSec .li10,.AboutSec .li6,.AboutSec .li8{background:#3e3a39}
.AboutSec li .txt{padding:25px 25px 0}
.AboutSec li .txt .f20{margin-bottom:10px;text-align:center;font-size:18px;font-weight:bold;}
.AboutSec li .txt p{line-height:1.25rem}
.AboutSec li .posa{position:absolute;top:15px;right:15px;bottom:15px;left:15px;visibility:hidden;background:rgba(62,58,57,.7);opacity:0}
.AboutSec li.hover .posa{top:0;right:0;bottom:0;left:0;visibility:visible;opacity:1}
.HistorySec{overflow:hidden;height:514px;background:url('品牌优势- 上海桔装无忧_files/historysec_bg.jpg') top no-repeat}
.HistorySec .list{position:relative;height:300px}
.HistorySec .list .xline{position:absolute;top:50%;right:40px;left:40px;margin-top:-1px;height:2px;background:#f5f5f5}
.HistorySec .list li{position:relative;float:left;height:300px;cursor:pointer}
.HistorySec .list li .circle{position:absolute;top:50%;left:50%;margin:-7px;padding:1px;width:8px;height:8px;border:2px solid transparent;border-radius:100%}
.HistorySec .list li .circle span{display:block;width:8px;height:8px;border-radius:100%;background:#fff}
.HistorySec .list li .yline{position:absolute;bottom:50%;left:50%;width:1px;height:0;background:#fff}
.HistorySec .list li.odd .yline{top:50%}
.HistorySec .list li .txt{position:absolute;top:0;left:50%;margin-left:10px}
.HistorySec .list li .txt .year{color:#fff;font-size:1rem;line-height:2.75rem}
.HistorySec .list li .txt .note{position:absolute;top:150%;left:0;visibility:hidden;padding:10px;width:195px;border:1px solid #3369e7;color:#3369e7;line-height:1.125rem;opacity:0}
.HistorySec .list li .txt .note .arrow{position:absolute;bottom:100%;left:15px;width:15px;height:15px;background:url(../images/historysec_arrow.png) no-repeat}
.HistorySec .list li.odd .txt{top:auto;bottom:20px}
.HistorySec .list li.startEnd .circle,.HistorySec .list li.startEnd .yline{display:none}
.HistorySec .list li.startEnd .txt{top:50%;left:0;margin-top:10px;margin-left:0;width:100%;text-align:center}
.HistorySec .list li.startEnd .txt .year{min-width:90px;font-size:2.25rem}
.HistorySec .list li.startEnd .txt .year span{display:block;font-size:1rem;line-height:1.25rem}
.HistorySec .list li.hover .circle{border-color:#c6b074}
.HistorySec .list li.hover .yline{height:128px}
.HistorySec .list li.hover .txt .note{top:100%;visibility:visible;opacity:1}
.CultureSec{padding-bottom:30px}
.CultureSec .bg{position:absolute;right:0;left:0;z-index:-1;height:375px;background:#fff}
.CultureSec ul{margin-right:-4px}
.CultureSec li{float:left;margin:0 3px 3px 0;width:295px;height:250px;background:#fff;text-align:center}
.CultureSec li .ico{margin:50px auto 2px;width:70px;height:70px;border:2px solid #3369e7;border-radius:100%}
.CultureSec li .ico img{padding:10px;width:50px;height:50px}
.CultureSec li .tit{font-weight:400;line-height:2.75rem}
.CultureSec li .line{display:block;margin:0 auto;width:34px;height:2px;background:#3369e7}
.CultureSec li .note{padding-top:15px;color:#6a6969;line-height:1.125rem}
.CultureSec li.smallnote .ico{margin-top:25px}
.CultureSec li.smallnote .note{font-size:.75rem}
.CultureSec li.big{margin-bottom:6px;width:595px;height:375px}
.CultureSec li.big .ico{margin-top:10px;width:96px;height:96px}
.CultureSec li.big .ico img{padding:15px;width:66px;height:66px}
.CultureSec li.big .tit{margin-top:40px;font-size:1.25rem}
.CultureSec li.big .note{margin:0 auto;padding-top:30px;max-width:450px;font-size:1rem;line-height:1.5rem}
.CultureSec li:hover{background:#3369e7;color:#fff}
.CultureSec li:hover .ico{margin-top:25px;border-color:#fff;background:#fff}
.CultureSec li:hover .line{width:80%;background:#fff}
.CultureSec li:hover .note,.CultureSec li:hover .tit{color:#fff}
.CultureSec li.big:hover .ico{margin-top:10px}
.CultureSec li.big:hover .tit{margin-top:60px}
.HonorSec{overflow:hidden;height:735px;background:url(../images/honorsec_bg.jpg) top no-repeat}
.HonorSec ul{padding:20px 0 150 20px}
.HonorSec li{position:relative;float:left;overflow:hidden;margin:0 2px 3px 0;width:295px;height:186px}
.HonorSec li img{width:100%;height:100%}
.HonorSec li .bg{background:#332f2c;opacity:.9}
.HonorSec li .tit{position:absolute;top:50%;right:10px;left:10px;margin-top:-12px;color:#f5f5f5;text-align:center;font-weight:400;font-size:1rem}
.HonorSec li.li0{position:relative;z-index:2;overflow:visible;width:600px}
.HonorSec li.li0 img{margin:-17px -14px;width:628px;height:220px;max-width:none;box-shadow:0 11px 16px rgba(0,0,0,.27)}
.HonorSec li:hover .bg{visibility:hidden;opacity:0}
.HonorSec li:hover .tit{top:-30%}
.ContactSec .Title{color:#383431}
.ContactSec .Title i{background:#3369e7}
.ContactSec .txt{padding:20px 0 50px;color:#595756;text-align:center;font-size:1rem}
.ContactSec .txt p{margin:8px 0}
.ContactSec .baiduMap{height:560px}
.ContactSec .baiduMap .BMap_shadow{display:none}