@charset "utf-8";
.content .bx{border-top: 1px solid #f0f0f0;}
.content h1{font-size: 0.24rem;font-weight: 900;color: #333;line-height: 0.3rem;margin: 0.23rem 0 3px 0;}
.content p{font-size: 0.18rem;color: #666;}
.epc{background: #FFFFFF;box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.08);padding: 0.26rem 0.32rem 0 0.15rem;}
.epc ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.epc ul li h2{text-align: center;font-size: 0.14rem;font-weight: 400;color: #333333;line-height: 0.18rem;margin: 0.08rem 0 0.24rem 0;}
.epc ul li:nth-of-type(2n-1){width: 0.76rem;}
.epc ul li:nth-of-type(2n) .sanjiao{margin-top: 0.27rem;}
.epc .right li:nth-of-type(2n) .sanjiao{display: block;border-style: solid;
border-color: transparent;border-width: 4px 0 4px 9px;border-left-color: #666;}
.epc .left li:nth-of-type(2n) .sanjiao{display: block;border-style: solid;
border-color: transparent;border-width: 4px 9px 4px 0;border-right-color: #666;}
.epc ul li:nth-of-type(2n-1) .plan{width: 0.76rem;height: 0.66rem;border: 1px solid #999999;border-radius: 5px;position: relative;}
.epc ul li:nth-of-type(2n-1) .plan .box div{background:url(//m.qiemach.com/wp-content/themes/mqiepalmwp/images/epc2.png)  no-repeat;position: absolute;
top: 50%;left: 50%;transform: translate(-50%,-50%);}
.epc ul li:nth-of-type(2n-1) .plan .box .planning{height:45px;width:38px;background-position:0 0;}
.epc ul li:nth-of-type(2n-1) .plan .box .comm{height:44px;width:40px;background-position:0 -45px;}
.epc ul li:nth-of-type(2n-1) .plan .box .ser{height:44px;width:41px;background-position:0 -89px;}
.epc ul li:nth-of-type(2n-1) .plan .box .tra{height:46px;width:47px;background-position:0 -179px;}
.epc ul li:nth-of-type(2n-1) .plan .box .manu{height:46px;width:46px;background-position:0 -133px;}
.epc ul li:nth-of-type(2n-1) .plan .box .design{height:49px;width:50px;background-position:0 -225px;}
.year{background: url(//m.qiemach.com/wp-content/themes/mqiepalmwp/images/serbg.png) no-repeat;background-size: cover;padding: 0.26rem 0 0.32rem 0;}
.year p{font-size: 0.16rem;color: #666;line-height: 0.3rem;}
.liucheng{background: #144E7B;padding: 0.16rem 0 1px 0;}
.liucheng ul li img{display: block;border-radius: 5px;margin-top: 0.3rem;width: 100%;height: auto;}
.liucheng ul li h2{font-size: 0.16rem;color: #FFFFFF;padding: 0 0.18rem;margin: 0.06rem 0 -0.08rem 0;}
.liucheng ul li h2 span{color: #FDB213;}
.liucheng ul li:last-of-type{margin-bottom: -0.2rem;}
.whyepc h1{font-size: 0.24rem;color: #333;margin: 0.55rem 0 0.05rem 0;}
.whyepc p{font-size: 0.16rem;color: #666;line-height: 0.24rem;margin-bottom: 9px;}
.fcase h1{font-size: 0.24rem;color: #333;margin: 0.18rem 0 0.1rem 0;}
.fcase ul{display: grid;width: 100%;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 11px),1fr));
grid-gap: 21px 11px;margin-bottom: 0.2rem;}
.fcase ul li img{display: block;width: 100%;height: auto;}	
.fcase ul li h2{font-size: 0.14rem;font-weight: 400;color: #333;line-height: 0.2rem;margin-top: 0.1rem;}
 body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}	
img{aspect-ratio: attr(width) / attr(height);} a{ text-decoration:none;}
a:hover{text-decoration:none;}					
html {
font-size: 100px; }		
.qcfd:before,
.qcfd:after {
display: table;
content: " ";
}
.qcfd:after {
clear: both;
} body{margin-bottom:72px !important;}
.bx{padding: 0 15px;}
.header{position: sticky;top: 0;left: 0;z-index: 999;background: #fff;
width: 100%;padding: 0.2rem 0 0.12rem 0;}
.header img{max-width: 100%;height: auto;}
.header .bx{position: relative;display: flex;align-items: center;justify-content: space-between;}
.header .xia ul{z-index: 99999999; display: none; position: absolute;right: 0;top: 100%;background: #fff;padding: 0.15rem 0.2rem;}
.header .xia ul li{border-bottom: 1px solid #cccccc;width: 2.29rem;}
.header .xia ul li:last-of-type{border: none;}
.header .xia ul li a{font-size: 0.16rem;color: #333333;display: flex;width: 100%;justify-content: space-between;align-items: center;}
.header .xia ul li a i{font-size: 0.24rem;margin-bottom: 0.15rem;}
.form{padding: 0.2rem 0.15rem;background: #fff;}
.form .sale{display: flex;justify-content: space-between;margin-bottom: 0.2rem;}
.form .to{font-size:16px;font-weight: 600;color: #202124;}
.form .cu{border:1px solid  #144E7B;border-radius: 5px;position:relative;padding:0.24rem 0 0.19rem 0;}
.form .cu h1{width:50%; font-size:0.24rem;font-weight:900;color:#333;background:#fff;position: absolute; top: -0.16rem;left: 50%;transform: translate(-50%,0);text-align: center;}
.form .cu p{font-size:0.16rem;color:#333;text-align:center;}
.form .cu a{display:block;width:67%;font-size:0.2rem;font-weight:bold;color: #144E7B;background:#fff;position: absolute; bottom: -0.16rem;left: 50%;transform: translate(-50%,0);text-align: center;}
.form .cu a span{font-weight:400;color:#333;}
.biaodan .inp .ema{width: 100%;margin-bottom: 0.21rem;}
.biaodan .tit{font-size: 14px;font-weight: 600;color: #202124;margin-bottom: 10px;}
.biaodan .tit span{font-style: italic;color: #c5221f;}
.biaodan{margin: 0.32rem 0 0.5rem 0;background: rgba(72, 168, 243, 0.09);border-radius: 10px 10px 0px 0px;padding:0.24rem 0.15rem;}
.biaodan .respect{font-size:0.14rem;color:#333;line-height:0.2rem;margin-bottom:0.13rem;}
.close:hover{cursor: pointer;}
.biaodan .shuru{font-size: 14px;line-height: 20px;border: 1px solid #144E7B;border-radius: 5px;padding: 10px 12px; width: 100%;box-sizing: border-box;color: #202124;background-color: rgba(0,0,0,0);}
.biaodan .requ textarea{width: -webkit-fill-available;height: 1.63rem;margin-bottom:10px;background: rgba(255, 255, 255, 0.53);border-radius: 5px;font-size: 14px;color: #202124;border:none;padding:0.18rem 0.15rem;}
.biaodan  input::placeholder{font-size:0.14rem;color: #B1B1B1;line-height:0.24rem;}
.biaodan  textarea::placeholder{font-size:0.14rem;color: #B1B1B1;line-height:0.24rem;}
.biaodan .inp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.biaodan .inp .tel{display:flex;}
.biaodan .inp .tel #code{padding: 10px 6px 10px 52px;font-size: 14px;line-height: 20px;background-color: rgba(246,249,255,1);margin-right: 5px;
border-radius: 4px;border: 1px solid #bdc1c6;width: 100px;box-sizing: border-box;color: #202124;}
.biaodan button{font-size: 0.18rem;height: 45px;font-weight: 600;line-height: 32px;
width: 100%;text-align: center;background: #144E7B;
box-shadow: 0px 2px 3px 0px rgba(26,88,168,0.44);margin: 0.11rem 0 -0.49rem 0;
border-radius: 5px; color: #fff;border-width: 0;}
.biaodan  button svg{vertical-align: sub;}
.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
.phonefooternav ul{display:flex;}
.phonefooternav ul li {width: 50%;background: #494949;}
.phonefooternav ul li:nth-of-type(1){border-right: 1px solid #666;}
.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;font-size: 14px;}
.phonefooternav ul li a svg{margin-right: 5px;vertical-align: middle;}