@charset "utf-8";
 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%;}
.header img{max-width: 100%;height: auto;}
.header .bx{height:0.79rem;position: relative;display: flex;align-items: center;justify-content: space-between;}
.header .xia{position: relative;}
.header .xia > ul.menu{z-index: 99999999;display: none;position: absolute;right: 0;top: 100%;background: #fff;padding: 0.15rem 0.2rem;width: 2.69rem;box-sizing: border-box;overflow: hidden;box-shadow: 0 0.08rem 0.24rem rgba(0,0,0,0.08);}
.header .xia > ul.menu > li{border-bottom: 1px solid #cccccc;width: 100%;position: relative;background: #fff;}
.header .xia > ul.menu > li:last-of-type{border: none;}
.header .xia > ul.menu > li > a{font-size: 0.16rem;color: #333333;display: flex;width: 100%;justify-content: space-between;align-items: center;min-height: 0.52rem;box-sizing: border-box;padding-right: 0.1rem;}
.header .xia > ul.menu > li > a i{font-size: 0.24rem;margin-bottom: 0.15rem;}
.header .xia > ul.menu > li.menu-item-has-children > a{padding-right: 0.46rem;}
.header .xia > ul.menu > li.menu-item-has-children > a i{font-size: 0;margin-bottom: 0;width: 0.12rem;height: 0.12rem;position: relative;flex: none;}
.header .xia > ul.menu > li.menu-item-has-children > a i:before{content: '';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;border-top: 2px solid #7a7a7a;border-right: 2px solid #7a7a7a;transform: translate(-65%,-50%) rotate(45deg);}
.header .xia > ul.menu > li.menu-item-has-children > .submenu-trigger{position: absolute;top: 0;right: 0;width: 0.46rem;height: 100%;padding: 0;border: none;background: transparent;}
.header .xia > ul.menu > li.menu-item-has-children > .submenu-trigger:before{content: '';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;border-top: 2px solid #7a7a7a;border-right: 2px solid #7a7a7a;transform: translate(-65%,-50%) rotate(45deg);}
.header .xia > ul.menu.is-submenu-open > li:not(.menu-item-cases):not(.sub-menu-panel){visibility: hidden;pointer-events: none;}
.header .xia > ul.menu.is-submenu-open > li.menu-item-cases > a,
.header .xia > ul.menu.is-submenu-open > li.menu-item-cases > .submenu-trigger{visibility: hidden;pointer-events: none;}
.header .xia > ul.menu.is-submenu-open{overflow: visible;}
.header .xia > ul.menu > li.sub-menu-panel{position: absolute;top: 0;left: 100%;width: 100%;min-height: 100%;background: #fff;padding: 0 0.2rem 0.15rem;box-sizing: border-box;border: none;visibility: hidden;pointer-events: none;transition: left 0.25s ease, opacity 0.25s ease;opacity: 0;z-index: 2;}
.header .xia > ul.menu > li.sub-menu-panel.is-active{left: 0;visibility: visible;pointer-events: auto;opacity: 1;}
.header .xia > ul.menu .sub-menu-header{position: relative;display: flex;align-items: center;justify-content: center;min-height: 0.52rem;margin: 0 -0.2rem;padding: 0 0.2rem;border-bottom: 1px solid #e5e5e5;}
.header .xia > ul.menu .sub-menu-title{font-size: 0.16rem;color: #333333;font-weight: 500;letter-spacing: 0.02em;}
.header .xia > ul.menu .sub-menu-back{position: absolute;left: 0.2rem;top: 50%;width: 0.24rem;height: 0.24rem;padding: 0;border: none;background: transparent;transform: translateY(-50%);}
.header .xia > ul.menu .sub-menu-back:before{content: '';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;border-left: 2px solid #333333;border-bottom: 2px solid #333333;transform: translate(-35%,-50%) rotate(45deg);}
.header .xia > ul.menu .sub-menu-list{padding-top: 0.12rem;}
.header .xia > ul.menu .sub-menu-list li{border-bottom: 1px solid #e5e5e5;}
.header .xia > ul.menu .sub-menu-list li:last-of-type{border-bottom: none;}
.header .xia > ul.menu .sub-menu-list li a{display: block;font-size: 0.16rem;color: #333333;line-height: 0.24rem;padding: 0.15rem 0;}
.header .xia > ul.menu .sub-menu-list li.current-menu-item{border-bottom-color: transparent;}
.header .xia > ul.menu .sub-menu-list li.current-menu-item a{background: #346a93;color: #ffffff;margin: 0 -0.2rem;padding: 0.15rem 0.2rem;}
.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;}