@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em{ font-style:normal; font-weight:normal; }
input { outline: none; padding:0;}
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color:#ce0c22; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}

.inner{ width:1300px; margin:0px auto;} 

.desktop{ width:100%; overflow:hidden; position:relative;}
.slideBox{ width:100%; height:700px; position:relative; overflow:hidden; }
.slideBox .hd{ position:absolute; bottom:20px; left:50%; width:1200px; margin-left:-600px; text-align:center; z-index:90;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display:inline-block; font-size:0; width:14px; border-radius:14px; height:14px; background:#fff; margin:0 0 0 20px; cursor:pointer; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.slideBox .hd ul li.on{ width:30px; background:#ce0c22;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; width:100%; height:800px; overflow:hidden;}
.slideBox .bd li a{ display:block; width:100%; height:700px;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.desktop .zhuangxiu{ width:100%; position:absolute; left:0; bottom:0; z-index:100;  padding:20px 25px; box-sizing: border-box; overflow:hidden; background:rgba(0,0,0,0.6);}	
.desktop .zhuangxiu .zixun{  margin:0 auto;}
.desktop .zhuangxiu .zixun strong{ display:block; width:1005x; overflow:hidden; color:#fff; font-size:20px;}
.desktop .zhuangxiu .zixun strong span{ font-size:12px; padding-left:6px;}
.desktop .zhuangxiu .zixun strong span i{ color:#e60012;}
.desktop .zhuangxiu .zixun form{ width:860px; overflow:hidden;  line-height:50px;}
.desktop .zhuangxiu .zixun form input.text{ width:310px; padding-left:10px; margin-left:12px; border: 1px solid #ffffff; border-color: rgba(255,255,255,.5); background:none; box-sizing: border-box; color:#ffffff; height:50px; float:left; font-size:12px;}

.desktop .zhuangxiu .zixun form input.sub{ background:#006f6e; font-size: 16px; color:#fff; border:none; height:50px; float:right; width:213px; cursor:pointer;}
.desktop .zhuangxiu .zixun form input.text:first-of-type{margin-left: 0;}
	
/*计算*/
.fwmj{ width:400px; overflow:hidden; position:relative; padding:1.8em 0 3em;}
.fwmj .heng{ height:20px; border-radius:10px; background:#ffffff; border:none;}
.fwmj .heng .ui-slider-range{ background:#006f6e; border-radius:10px 0 0 10px;}
.fwmj .heng .ui-slider-handle{ top:-4px; margin:0 0 0 -20px; width:15px; height:15px; border:6px #006f6e solid; background:#fff; border-radius:50%; outline:none;}
.fwmj .heng .form-slider-value{ position:absolute; font-size:16px; bottom:-35px; width:100px; text-align:center; margin-left:-50px; color: #ffffff;}

.ui-slider{ position:relative; text-align:left;}
.ui-slider .ui-slider-handle{position: absolute;z-index: 2;cursor: default;}
.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}

.quick{ width:100%; overflow:hidden; padding:20px 0 10px;}
.quick li{ width:309px; float:left; margin-left:20px; overflow:hidden; background:#f8f8f8; text-align:center; padding:18px 0; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.quick li:nth-child(1){ margin:0;}
.quick li em{ display:block; width:50px; height:50px; background:#444; margin:0 auto; border-radius:50%; padding:7px;}
.quick li em i{ display:block; width:50px; height:50px; background:url(../images/icon.png) no-repeat;}
.quick li em i.icon1{ background-position:-86px -47px;}
.quick li em i.icon2{ background-position:-176px -47px;}
.quick li em i.icon3{ background-position:-86px -108px;}
.quick li em i.icon4{ background-position:-180px -108px;}
.quick li h1{ font-size:20px; font-weight:bold; color:#333; margin:16px 0 6px; text-transform:uppercase;}
.quick li P{ color:#333;}
.quick li:hover{ box-shadow:0px 5px 10px rgba(152,152,152,.3);margin-top:-5px;}

 /* footer */
.foot{ background: url(http://www.wuhudjzs.com/static/home2/images/foot-bg.png) no-repeat center; width: 100%; overflow: hidden; padding-top:115px;}
.footerTop{overflow: hidden;}
.foot dl{ float: left; padding-right: 120px;}
.foot dt{ font-size: 18px; color: #fff; padding:0 0 30px 0;}
.foot dd a{ font-size: 14px; color: #999999; display: block; padding-bottom: 20px }
.foot dd a:hover{ color: #ce0c22; }
.foot .hotline dt { padding: 0; display: flex; align-items: center;}
.foot .hotline{padding-right: 0; width: 420px;display: flex;
justify-content: center;flex-direction: column;align-items: center;align-content: center;}
.hotline{position: relative;}
.hotline::before{
	content: '';
	position: absolute;
	left: 0;
	top: 15%;
	bottom: 15%;
	height: 70%;
	background:#444444 ;
	width: 1px;
}
.hotline::after{
	content: '';
	position: absolute;
	right: 0;
	top: 15%;
	bottom: 15%;
	height: 70%;
	background:#444444 ;
	width: 1px;
}
.hotline dt span b{ font-size: 14px; color: #ce0c22; display: inline-block; width: 30px; }
.hotline dt span img{ display: inline-block; padding-right: 8px; }
.hotline dt strong{ font-family: 'DIN'; font-size: 26px; color: #ce0c22; padding-left: 15px; }
.hotline dd a{ display:block; text-align: center; color: #999999; float: left;  padding:0 13px; margin-top: 30px; transition: all 1s; width: 105px; height: 70px; }
.hotline dd a img{ display: block; margin:auto; padding:10px 0; }
.hotline dd a:hover{ transform: translateY(5px); }
.foot .code{ padding-right: 0; padding-left: 45px; }
.code { font-size: 18px; color: #fff; text-align: center;  }
.code img{ display: block; margin:auto; padding:25px 0; }
.link{ padding-top: 30px; border-top: 1px solid #444; margin-top: 30px; }
.txtMarquee-left{ padding-left: 20px; float: left; }
.link h3{ float: left; font-size: 18px; color: #fff; }
.link li{ float:left;}
.link li a{ font-size: 14px; color: #999; display: block; padding-top: 3px; }
.link li a b{ display: inline-block; padding:0 20px; }
.link li a:hover{ color: #ce0c22; }
.link h4{ float: right; }
.link h4 a{ font-size: 14px; color: #ce0c22; display: block; padding-top: 3px; }

.copyright{ background: #000; padding:20px 0; width: 100%; overflow: hidden; margin-top:60px;}
.copyright p{ font-size: 14px; color: #d1d1d1; }


/* 右侧悬浮框 */
.ripple{     position: fixed;
    width: 75px;
    right: 20px;
    bottom: auto;
    z-index: 999;
    height: 340px;
    top: 50%;
    margin-top: -170px;
}
.ripple .rippleFloat{ width: 100%; background: #B81C22; border-radius: 6px; position: relative;}
.ripple .rippleFloat .rippleFloatShu{ position: absolute; top: -120px; left: -10px; display: flex; flex-direction: row; width: 130px; height: 140px;}
.ripple .rippleFloat .rippleFloatTit{ color: #fff; text-align: center; line-height: 1.3; padding-top: 25px;}
.ripple .rippleFloat .rippleFloatOl{ display: flex; flex-direction: column; padding-top: 10px;}
.ripple .rippleFloat .rippleFloatOl li{ display: flex; flex-direction: column; padding: 9px 0;}
.ripple .rippleFloat .rippleFloatOl li a{ display: flex; flex-direction: column; color: #fff; justify-content: center; align-items: center; }
.ripple .rippleFloat .rippleFloatOl li:active a img{transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.ripple .rippleFloat .rippleFloatTop{ display: flex; position: relative; margin-top: 5px; padding: 10px 0; flex-direction: column; text-align: center; color: #fff; font-family: arial; font-size: 16px; cursor: pointer;}
.ripple .rippleFloat .rippleFloatTop:before{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;}
.rippleFloatOl img{
	margin-bottom:7px;
}
.rippleFloatTop{
	margin-top: 8px!important;
}
@keyframes small{		
	from{ transform: scale(0.95);}
	50%{ transform: scale(1);}
	to{ transform: scale(0.95);}		
}
@keyframes small2{		
	from{ transform: scale(1.25);}
	50%{ transform: scale(1);}
	to{ transform: scale(1.25);}		
}


.offer .offerShow{ display:none; width:100%; z-index:100; background:#fff; margin-bottom: 20px;}
.storey{ display: flex; flex-direction: row; position: relative; padding: 50px; height: 380px; justify-content: space-between;}
.storey .storeyLeft{ width: 430px; display: flex; flex-direction: column;}
.storey .storeyLeft .storeyLeftTit{ display: flex; flex-direction: row; align-items: center; line-height: 30px; padding-bottom: 10px;}
.storey .storeyLeft .storeyLeftTit h2{ font-size: 26px; padding-right: 10px;}
.storey .storeyLeft .storeyLeftTit figure span{ color: #B81C22;}
.storey .storeyLeft .storeyLeftBox{ display: flex; flex-direction: row;  padding: 10px 0;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxCont{ width: 85px; font-size: 16px; line-height: 40px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact{ width: 345px; display: flex; flex-direction: row; justify-content: space-between;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact .form-group{ width: 170px; background: #f8f8f8; border-radius: 3px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact .form-group .form-control{ padding: 0 10px; height: 40px; line-height: 40px; background: none; width: 160px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent{ position: relative; width: 348px; padding: 0 10px; display: flex; flex-direction: row; background: #f8f8f8; border-radius: 3px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent .text{ width: 100%; background: none; height: 40px; line-height: 40px; border: none;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent span{ position: absolute; right:10px; top:0; display: block; line-height: 40px;}
.storey .storeyLeft .storeyLeftBaomi{ width: 100%; text-align: center; padding-top: 10px;}

.storey .storeyCenter{ position: absolute; top:0; left: 47%; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; height: 420px;}
.storey .storeyCenter:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #eee;}
.storey .storeyCenter .storeyCenterRound{ position: relative; z-index: 1; cursor: pointer; width: 170px; height: 170px; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); background: #fff; display: flex; align-items: center; justify-content: center;transition: all 2s; animation: small 1.6s infinite forwards; transform: scale(1);}
.storey .storeyCenter .storeyCenterRound .storeyCenterRoundOne{ width: 130px; height: 130px; border-radius: 50%; background: rgba(184,28,34,0.2); display: flex; align-items: center; justify-content: center;}
.storey .storeyCenter .storeyCenterRound .storeyCenterRoundOne .storeyCenterRoundTwo{ width: 100px; height: 100px; border-radius: 50%; background: #B81C22; color: #fff; font-size: 26px; line-height: 30px; display: flex; align-items: center; justify-content: center;}

.storey .storeyRight{ width: 350px; display: flex; flex-direction: column; justify-content: center;}
.storey .storeyRight .storeyRightTit{ color: #555; font-size: 20px; line-height: 30px;}
.storey .storeyRight .storeyRightTit span{ display: inline-block; text-align: center; width: 30px; color: #B81C22; font-size: 30px;transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.storey .storeyRight .storeyRightKuang{ display: flex; flex-direction: column; line-height: 30px; border: 1px solid #eee; padding: 20px 40px; margin: 20px 0;}
.storey .storeyRight .storeyRightKuang li{ display: flex; flex-direction: row; justify-content: space-between;}
.storey .storeyRight .storeyRightKuang li span{ display: flex; flex-direction: row; width: 60px; letter-spacing: 1px;}
.storey .storeyRight .storeyRightKuang li figure{ color: #B81C22; font-size: 20px;transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.storey .storeyRight .storeyRightExe{ color: #aaa;}
select{border: none;}

.computeRight{ display: flex; width: 515px; padding: 0 40px; flex-direction: column; justify-content: center;}
.computeRight .computeRightCont{ border: 1px solid #EEE; background: #F9F9F9; padding: 24px; border-radius: 15px;}
.computeRight .computeRightCont .computeRightContTit{ background: #D2D3B4; border: 3px solid #222; border-radius: 10px; height: 84px; margin-bottom: 5px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 26px;}
.computeRight .computeRightCont .computeRightContTit div{ font-size: 30px; color: #B81C22; padding: 0 4px;}
.computeRight .computeRightCont .computeRightContList{ margin-top: 20px; border-radius: 10px; background: #E9E9E9; line-height: 60px; text-align: center; display: flex; flex-direction: row; justify-content: space-between;}
.computeRight .computeRightCont .computeRightContList .computeRightContListZuo{ width: 170px; border-right: 1px solid #DDD; font-size: 20px; color: #555;}
.computeRight .computeRightCont .computeRightContList .computeRightContListYou{ padding-right: 40px; font-size: 20px; color: #555;}
.computeRight .computeRightCont .computeRightContList .computeRightContListQian{ font-size: 20px; color: #B81C22;}
/* 表单 */
.currency{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.3);}
.currency .layer{ position: absolute; width: 500px; left: 50%; margin-left: -250px; top: 50%; margin-top: -225px; background: #fff;}
.currency .layer .close{position:absolute;right: 10px; top: 0; display: flex; flex-direction: column; color: #fff; font-size: 30px; line-height: 1.2;}
.currency .layer .house{ display: flex; flex-direction: column;}
.currency .layer .house .houseImg{ display: flex; flex-direction: column;}
.currency .layer .house .houseCeng{ display: flex; flex-direction: column; padding: 30px 50px;}
.currency .layer .house .houseCeng .houseCengTit{ font-size: 26px; text-align: center; line-height: 30px;}
.currency .layer .house .houseCeng .houseCengInput{ display: flex; border: 1px solid #e0e0e0; padding: 0 10px; margin-top: 15px;}
.currency .layer .house .houseCeng .houseCengInput .text{ width: 100%; background: none; height: 44px; line-height: 44px;}
.currency .layer .house .houseCeng .houseCengXuan{ display: flex; flex-direction: column;}
.currency .layer .house .houseCeng .houseCengXuan .select{ display: flex; border: 1px solid #e0e0e0; padding: 0 10px; margin-top: 15px; height: 44px; line-height: 44px;}
.currency .layer .house .houseCeng .houseCengQing{ display: flex; flex-direction: column; margin-top: 15px;}
.currency .layer .house .houseCeng .houseCengQing .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 22px; cursor: pointer;}
.currency .layer .house .houseCeng .houseCengQing .sub:hover{ opacity: 0.9;}

.currency input,.offerprice input{ border: none;}

.offerprice{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.offerprice .layer{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 50%; margin-top: -250px; background: #fff; border-radius: 10px;}
.offerprice .layer .close{position:absolute;left: 50%; bottom: -80px; margin-left: -25px; display: flex; flex-direction: column;}
.offerprice .layer .close:before{ content: ''; position: absolute; width: 2px; height: 30px; background: #fff; left: 50%; margin-left: -1px; top: -30px;}
.offerprice .layer .kuang{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 500px;}
.offerprice .layer .kuang .kuangLeft{ padding: 0 50px; display: flex; flex-direction: column; width: 450px;}
.offerprice .layer .kuang .kuangLeft .ming{ font-size: 32px; text-align: center; font-weight: bold; width: 100%;}
.offerprice .layer .kuang .kuangLeft .alform{ display: flex; flex-direction: column; padding-top: 10px;}
.offerprice .layer .kuang .kuangLeft .alform .layui{ border: 1px solid #aaa; border-radius: 3px; padding: 0 10px; margin-top: 20px;}
.offerprice .layer .kuang .kuangLeft .alform .layui .text{ width: 100%; height: 50px; line-height: 50px;}
.offerprice .layer .kuang .kuangLeft .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.offerprice .layer .kuang .kuangLeft .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 22px; cursor: pointer;}
.offerprice .layer .kuang .kuangLeft .word{ text-align: center; overflow: hidden; padding-top: 10px;}
.offerprice .layer .kuang .kuangLeft .word .num{ color: #B81C22;}


.alltoo{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.alltoo .layer{ position: absolute; width: 420px; left: 50%; margin-left: -210px; top: 50%; margin-top: -230px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.alltoo .layer .close{position:absolute;right: 30px; top: 20px; display: flex; flex-direction: column; font-size: 24px;}
.alltoo .layer .kuang{ display: flex; flex-direction: column; padding: 30px;}
.alltoo .layer .kuang .ming{ font-size: 22px; width: 100%; line-height: 30px;}
.alltoo .layer .kuang .kuangPic{ display: flex; flex-direction: column; margin-top: 30px;}
.alltoo .layer .kuang .alform{ display: flex; flex-direction: column;}
.alltoo .layer .kuang .alform .layui{  border-radius: 3px; padding: 0 10px; margin-top: 20px; background: #f5f5f5;}
.alltoo .layer .kuang .alform .layui .text{ width: 100%; height: 50px; line-height: 50px; background: none;}
.alltoo .layer .kuang .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.alltoo .layer .kuang .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 18px; cursor: pointer;}

/* 在线报价 */
.budget{ display: flex; flex-direction: column; position: relative;}
.budget .budgetPic{ display: flex; flex-direction: column; position: absolute; left: 0; top: 0; right: 0; z-index: 10;}
.budget .budgetPic img{ display: block; width: 100%; height: 720px; object-fit: cover;}
.budget .budgetLayer{ display: flex; flex-direction: column; position: relative; z-index: 20;}
.budget .budgetLayer .inner{ display: flex; flex-direction: row; position: relative; height: 540px; background: #fff; justify-content: space-between; margin-top: 260px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.computeLeft{ width: 515px; padding: 0 30px; display: flex; flex-direction: column; justify-content: center;}
.computeLeft .computeLeftTit{ display: flex; flex-direction: row; align-items: center; line-height: 30px; padding-bottom: 10px;}
.computeLeft .computeLeftTit h2{ font-size: 26px; padding-right: 10px;}
.computeLeft .computeLeftTit figure{ color: #B81C22; font-weight: bold; font-size: 16px;}
.computeLeft .computeLeftBox{ display: flex; flex-direction: row;  padding: 10px 0;}
.computeLeft .computeLeftBox .computeLeftBoxCont{ width: 100px; font-size: 18px; color: #555; line-height: 46px;}
.computeLeft .computeLeftBox .computeLeftBoxTact{ width: 320px; display: flex; flex-direction: row; justify-content: space-between;}
.computeLeft .computeLeftBox .computeLeftBoxTact .form-group{ width: 150px; border: 1px solid #AAA;}
.computeLeft .computeLeftBox .computeLeftBoxTact .form-group .form-control{ padding: 0 10px; height: 44px; line-height: 44px; background: none; width: 150px;}
.computeLeft .computeLeftBox .computeLeftBoxTent{ position: relative; width: 320px; padding: 0 9px; display: flex; flex-direction: row; border: 1px solid #AAA; height: 44px;}
.computeLeft .computeLeftBox .computeLeftBoxTent span{ position: absolute; right:10px; top:0; display: block; line-height: 44px;}
.computeLeft .computeLeftBox .computeLeftBoxTact .huxing{ width: 100px; border: 1px solid #AAA; height: 46px; padding: 0 10px;}
.computeLeft .computeLeftBaomi{ color: #B81C22; line-height: 20px; margin-top: 10px;}

.computeCenter{ position: absolute; top:0; left: 50%; margin-left: -70px; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; height: 540px;}
.computeCenter:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #eee;}
.computeCenter .computeCenterRound{ position: relative; z-index: 1; cursor: pointer; width: 140px; height: 140px; border-radius: 50%; position: relative;}
.computeCenter .computeCenterRound .computeCenterRoundOne{ width: 140px; height: 140px; border-radius: 50%; background: rgba(184,28,34,0.15); -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite;}
.computeCenter .computeCenterRound .computeCenterRoundTwo{ width: 100px; height: 100px; border-radius: 50%; background: #B81C22; color: #fff; font-size: 26px; line-height: 30px; display: flex; align-items: center; justify-content: center; position: absolute; left: 20px; top:20px; right: 20px; bottom: 20px; z-index: 10;}						
@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(0.8);
        opacity:0.5;
    }
    50% {
        transform:scale(1);
        opacity:1;
    }
    75% {
        transform:scale(1.1);
        opacity:0.5;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(0.8);
        opacity:0.5;
    }
    50% {
        transform:scale(1);
        opacity:1;
    }
    75% {
        transform:scale(1.1);
        opacity:0.5;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}