@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
a{ text-decoration:none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background:#f8f8f8;}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
input,textarea {outline: 0;resize: none;}
img{ width:100%; height:auto;}

/*底部导航*/
.tab{position:fixed; bottom:0; left:0; height:50px; background:#fff; width:100%;border-top:1px solid #dcdcdc; display:flex; z-index:101;}
.tab img{height:37px; width:auto;}
.tab .home, .inform, .zt, .bm, .old{text-align:center;padding-top:6px; flex:1;}

.viewport {min-width: 320px;max-width: 720px;margin: 0 auto; padding-bottom:16vmin; background:#02213e;}
.viewport1 {min-width: 320px;max-width: 720px;margin: 0 auto; padding-bottom:16vmin; background:#f8f8f8;}

header{ position:relative;}
.back{ width:32px; height:32px; position:fixed;  top:10px; left:10px; z-index:99;}
header .back{position:absolute;}
.banner{width: 100%; height: auto; font-size:0; line-height:0; }
.banner img{width: 100%; height: auto; font-size:0; line-height:0;}
.count{ line-height:28px; position: absolute; bottom:9%; width:100%;}
.count ul{display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center;}
.count li{-webkit-box-flex: 1; width: 100%; text-align: center; margin:8px 0; overflow:hidden;}
.count li span{ display:block; font-size:16px; color:#f78d38; }
.count .left{padding-left:5px; }
.count .right{padding-right:5px; }

.cpdw{padding-top:20px; }
.cpdw h4{text-align:center; color:#fff; font-size:20px; }
.cpdw img{width:37%; margin-left:8%;margin-top:25px; }
.zbdw{padding-top:40px; }
.zbdw h4{text-align:center; color:#fff; font-size:20px; }
.tu{text-align:center; }
.zbdw img{width:81%; margin-top:30px;}

/*立体车库*/
.ltck{padding-top:30px; }
.ltck .biaoti{text-align:center; color:#333; font-size:22px;}
.ltck .biaoti span{padding:0 10px; }
.ltck .biaoti .xl{width:31%;}
.ltck .biaoti .xr{width:31%;}
.searchbox{ text-align:center; margin-top:30px; margin-bottom:10px; }
.searchbox input{ height:30px; border:1px solid #dcdcdc; padding:0 10px; width:68%; margin-right:10px;font-size:14px; }
.searchbox a{ color:#fff; padding:5px 20px; font-size:14px; background:#3467d1; line-height:30px;}

/*3D展厅*/
.zt_all{ }
.zt_all ul{width:86%; margin:0 auto; }
.zt_all li{margin-top:30px; box-shadow: 0 5px 10px #cfcfcf;}
.zt_all li .com_name{font:18px/40px "Microsoft YaHei"; text-align:center; }

.classifi{ padding:10px 10px 10px; font-size:18px;}
.row{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center;}
.row a{-webkit-box-flex: 1; box-flex: 1; display:block; text-align:center; width: 100%;  height:60px; line-height:60px; color:#fff; margin-right:15px; margin-bottom:15px; background:#f60; border-radius:10px;}
.row a:last-child{ margin-right:0;}
.row .c1{ background:#79C141;}
.row .c2{ background:#2FA2D8;}
.row .c3{ background:#FF5454;}
.row .c4{ background:#FF5454;}
.row .c5{ background:#F29558;}
.row .c6{ background:#80C26A;}
.row .c7{ background:#26C1BD;}

/*.zbzc div{ background:#fff; border:1px solid #dcdcdc; border-top:none; border-radius:0 0 10px 10px; margin-bottom:20px; padding:10px;}*/
.zbzc h6{font-size:18px; background: #26C1BD;padding:3px 10px; color:#fff; line-height:2em; border-radius:10px 10px 0 0;}
marquee{ position:fixed; left:0; bottom:50px; font-size:12px; line-height:20px; height:20px; background:rgba(255,60,60,0.7); color:#fff;}

.qiye-list .videobox li{ position:relative; padding:10px; border-bottom:1px solid #ececec;}
.qiye-list .videobox li .logo{ position:absolute; top:10px; left:10px; height:80px; width:80px; overflow:hidden;}
.qiye-list .videobox li .logo img{ height:80px; width:80px;}
.qiye-list .videobox li .txt{ height:80px; margin-left:80px; padding-left:10px; position:relative;}
.qiye-list .videobox li .txt .name{ color:#a07b7b; line-height:1.3em; display:table-cell; vertical-align:middle; height:60px;}
.qiye-list .videobox li .txt i{ position:absolute; left:10px; bottom:10px; font-size:12px; color:#999;}
.qiye-list .videobox li .txt .dzn{ position:absolute; right:0; bottom:3px; padding:5px 20px; border-radius:50px; background:#0ba4de; color:#fff;}
.qiye-list .txtbox li{ position:relative; height:40px; padding-right:50px; padding-left:10px; margin-top:10px;}
.qiye-list .txtbox{ padding:10px 0 20px;}
.qiye-list .txtbox li .name{color:#a07b7b; display:block; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
.qiye-list .txtbox li .dz{ position:absolute; top:4px; right:10px; height:32px; width:32px; background:#0ba4de; border-radius:16px;}
.contact{ padding-bottom:30px;}
.contact .tel-list{ padding-left:2em; font-size:5vmin;}
.contact .tel-list li{ line-height:1.8em; color:#0ba4de; list-style:none; clear:both;}
.contact .tel-list li div{ float:left;}
.contact .tel-list li .name{ line-height:66px;}
.contact .tel-list li a{ display:block; height:auto; margin:4px;  color:#555; padding-left:2em;}
.contact .tel-list li .tel{ position:relative;}
.contact .tel-list li .mobile{ position:relative; margin-bottom:10px;}
.contact .tel-list li .tel:after{ position:absolute; top:0; left:0; height:100%; width:26px; background: url(images/telephone.png) left center no-repeat;background-size:contain; content:""; display:block; border-radius:20px;}
.contact .tel-list li .mobile:after{ position:absolute; top:0; left:0; height:100%; width:26px; background: url(images/mobile.png) left center no-repeat;background-size:contain; content:""; display:block; border-radius:20px;}


.bieder li{ position:relative; padding:10px;  border-bottom:1px solid #ececec;}
.bieder li .logo{ position:absolute; top:10px; left:10px; height:80px; width:80px; border-radius:40px; overflow:hidden;}
.bieder li .logo img{width:80px; height:auto;}
.bieder li .txt{ height:80px; margin-left:80px; padding-left:10px; position:relative;}
.bieder li .txt a{ color:#039;}
.bieder li .txt .name{ color:#a07b7b; line-height:1.3em; display:table-cell; vertical-align:middle; height:60px;}
.bieder li .txt i{ position:absolute; left:10px; bottom:10px; font-size:12px; color:#999;}
.bieder li .txt .dzan{ position:absolute; right:0; bottom:25px; padding:5px 20px; border-radius:50px; background:#0ba4de; color:#fff;}

footer{ color:#666; text-align:center; padding:12px 0 20px; font-size:3.6vmin; line-height:1.6em;}

.tit-info{background: #0ba4de; color: #fff; line-height:50px; height:50px; font-size: 18px; color:#fff; text-align:center; position:relative;}
.video{ width:100%; height:auto; margin:0 auto;}
.video video{ width:100%; height:auto;}
.return{position:fixed;  top:10px; left:20px; z-index:99;}
.return img{width:60%; height:auto;}
.abcont{ padding-top:10px;}
.abcont .name{ height:22px; line-height:22px;font-size:18px; margin:0 0 10px 20px;}
.logoT{width:35%; height:auto; margin:20px auto; }
.thr{ margin-left:7%; width:3%;}
.vote{ width:100%; height:110px; position:relative;}
.vote .vote-num{ width:40%; height:75px; padding-top:25px; float:left;}
.vote .vote-num p{ font-size:14px; padding-bottom:15px; color:#666;}
.vote .vote-num i{ font-size:14px; color:#f60;}
.vote .vote-num a{  padding:2px 20px 3px; border-radius:50px; background:#0ba4de; color:#fff;}
.vote .vote-num img{ width:90px;}
.vote .logo{width:100%; height:90px;  float:left; text-align:center;}
.vote .logoer{width:60%; height:90px;  float:left; text-align:center;}
.vote .logo img{ height:80px; width:auto}
.vote .logoer img{ height:80px; width:auto}
.itrbox{ width:100%; background-color:#FFF; padding:18px;}
.itr{  }
.itr p{ color:#6c6c6c; font-size:14px;  padding-bottom:10px; line-height:22px; text-align: justify;}

.ztlist{ padding:10px;}
.ztbox{ text-align:left; padding:10px 10px 20px; position:relative;}
.ztbox img{ width:100%; display:block; margin:0 auto 10px; border-radius:10px;}
.ztbox i{ position:absolute; top:26px; left:20px; background:rgba(0,0,0,0.3); padding:3px 6px; border-radius:50px; font-size:12px; color:#fff;}
.ztbox div a{ position:absolute; bottom:20px; right:10px; background:#0ba4de; padding:0 15px; border-radius:14px; font-size:16px; line-height:28px; color:#fff;}
.ztbox h4 a{display:inline-block; background: #00b954; padding:3px 10px; color: #fff; border-radius:200px; margin:3px auto 7px;}
.ztbox p{ line-height:28px;}
.ztbox p a{ color:#666;}

.black_overlay{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:99; opacity:0.85;}
.black_overlay p{ position:fixed; bottom:0; left:0; width:100%; text-align:center; color:#fff; padding-bottom:20px;}
.about h4{font-size:20px; line-height:30px; color:#333;padding-top:30px; text-align:center; margin:0 10px; }
.about{ padding:0 20px; text-align:justify;  }
.about p{ text-indent:2em;color: #555; font-size:16px; line-height: 1.8em;padding-top:10px; }

.about .abtit{ color:#3467d1; font-size:18px; line-height:36px; padding-top:10px; }
.about .award{padding-left:0px; text-align:center;}
.time {color: #555; line-height: 1.8em; padding-left:1em;}
.time li{ display:inline-block; margin-right:20px; font-size:16px;}
.award .subtit{ text-indent:inherit; text-align:center; color:#0ba4de; padding-bottom:10px;}
.award ul{ padding-left:1em;}
.award ul li{ color:#555; display:block; line-height:1.6em; font-size:16px; padding:3px 0; text-align:left;}


.pin{ display:none; position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.7); text-align:center;}
.pin-box{ position:fixed; top:50%; left:50%; margin-left:-40vmin; margin-top:-30vmin; width:80vmin; height:60vmin; overflow:hidden;}
.pin-tit{ position:relative; height:14vmin; line-height:14vmin; color:#fff; padding-left:10px; width:100%; background:#0ba4de; border-radius:6px 6px 0 0; font-size:18px; text-align:left;}
.pin-tit i{ position:absolute; right:2vmin; top:2vmin; height:10vmin; width:10vmin; background:url(images/close.png) center center no-repeat; background-size:contain; }
.pin-cont{ height:46vmin; background:#fff; border-radius: 0 0 6px 6px;}
.yzm{ display:flex;justify-content: center; padding:10vmin 0 6vmin;}
.yzm img{ width:auto; height:12vmin; margin:0 10px;}
.yzm input{ width:40%; height:12vmin; margin:0 10px; line-height:12vmin; font-size:16px; color:#555; text-align:center; border:1px solid #ccc;}
.pinbt a{ padding:10px 40px; background:#6eb400; display:inline-block; border-radius:50px; color:#fff;}

.ranktit{ display:inline; font-size:6vmin; padding:3px 10px; border-radius:50px; border:1px solid #dcdcdc; background:#f2f2f2; color:#333; position:relative; top:-5px; left:10px;}
.rank{margin:0;}
.rank h5{ text-align:center; font-size:16px; color:#666; padding:30px 0 15px;}
.rank h5 span{ color:#3467d1; border-radius:50px; font-size:20px; line-height:20px; margin-right:2vmin;}
.ranklist li{ position:relative; font-size:14px; line-height:60px; background:#fff; margin:10px; }
.ranklist div{color: #333; font-size:18px; position:relative; margin-left:12vmin; padding-right:22vmin; white-space: nowrap; 
overflow:hidden; text-overflow: ellipsis;}
.ranklist div span{ color:#f78d38; display:block; width:20vmin; position:absolute; top:0; right:2vmin; text-align:right;}
.ranklist i{ position:absolute; color: #ccc; font-size:16px; display:block; width:10vmin; text-align:center; }
.sTip{ position:fixed; z-index:99999; left:12px; bottom:18vmin; height:54px; width:54px; padding:10px; border-radius:60px; background:rgba(255,255,255,0.2); text-align:center; border:1px solid #fff;}
.sTip a{ line-height:16px; font-size:14px; color:#fff;}
.sTip{animation:tip 4s infinite;-webkit-animation:tip 4s infinite;}
@keyframes tip{
	0% {transform:translateY(0);}
	15% {transform:translateY(0);}
	20% {transform:translateY(-20px);}
	25% {transform:translateY(0);}
	30% {transform:translateY(-10px);}
	40% {transform:translateY(0);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes tip{
	0% {-webkit-transform:translateY(0);}
	15% {-webkit-transform:translateY(0);}
	20% {-webkit-transform:translateY(-20px);}
	25% {-webkit-transform:translateY(0);}
	30% {-webkit-transform:translateY(-10px);}
	40% {-webkit-transform:translateY(0);}
	100% {-webkit-transform:translateY(0);}
}



.dz{ height:auto; width:50%; margin:15px auto 10px;}
.tp{ height:auto; width:47%; margin-right:6%}
.dz img{ height:auto; width:47%; float:left;}
.jg{ height:auto; width:50%; margin:15px auto 10px;}
.jg img{ height:auto; width:100%;}

.cum{ position:relative; height:30px; margin:22px 30px; text-align:center;}
.cum div{ line-height:30px; padding:0 8px; font-size:14px; color:#666; background:#e6e6e6; display:inline-block; position:relative; z-index:99;}
.cum div span{ color:#3467d1;}
.cum hr{ height:1px; border:none; border-top:1px solid #dcdcdc; margin:0; position:absolute; width:100%; top:14px;z-index:98;}
.clear{ clear:both} 

.abjj{ line-height:1.2em; color:#666; border:1px solid #dcdcdc; border-radius:5px; margin:20px 10px 80px 10px; padding:10px; 
position:relative; }
.abjj h4{ position:absolute; top:-10px; left:10px; background:#f8f8f8; padding:0 10px; color:#3467d1; font-size:18px;}
.abjj p{font-size:16px; line-height:28px; text-indent:2em; margin-bottom:40px; }
.comvideo{overflow:hidden; margin:0; padding:0; }
.comvideo video{ background:#000; width:100%; max-width:720px; min-width:320px; height:auto; }
.videobox li{ float:left; padding:10px; height:100px; background:#fff; width:100%; position:relative; margin-top:20px;}
.videobox li div a{ height:80px; width:80px; position:absolute; left:10px; top:10px; overflow:hidden;}
.videobox li div a img{ height:100%; width:auto;}
.videobox .hvideo div a:after{content:""; background:url(images/video.png) no-repeat; background-size:100%; height:80px; width:80px; position:absolute; top:0; left:0;}
.videobox li h3{ padding-left:90px; margin-top:5px; color:#a07b7b;}
.videobox li h3 a{ color:#333; font-size:16px; line-height:1.3em; text-decoration:none;}
.videobox li p{position:absolute; left:100px; bottom:15px; color:#999; font-size:14px;}
.videobox li i{ display:block; width:25%; max-width:100px; position:absolute; right:10px; bottom:10px; cursor:pointer;}
.videobox li i img{height:auto; width:90%; }
.lbwz{}


.zhinan{ width: 100%; padding: 5%; color: #333; }
.zhinan h3{color: #26aeec; height: 24px;   line-height: 24px; margin: 5% 0 3% 0;}
.zhinan h3 img{ width: 24px; float: left; margin:0 3% 0 0; }
.zhinan img{width: 100%;}
.zhinan p{text-align: justify; line-height: 35px;}
.zhinan h4{font-size: 16px; font-weight: 600;}
.zhinan .row{ margin-top:20px; border: none;}
.zhinan .row input{width: 100%; box-sizing: border-box; padding: 16px; font-size: 20px; background:#fff; border:1px solid #c1c1c1;}


.button{ width: 30%; margin: 20px 0 0 35%; background: #fff; border-radius:40px; border:1px solid #3467d1; text-align:center; padding:10px; 
        color:#3467d1; font-size: 16px;
    font-family: inherit; }

.note{width: 100%; margin: 20px 0 20px 20px;}