@charset "utf-8";
.tongyong .zhutu{display: block;width: 100%;height: auto;margin-top: 0.14rem;}
.tongyong .bx{border-top: 1px solid #f0f0f0;}
.tongyong h1{font-size: 0.24rem;font-weight: 900;color: #333;padding: 0.14rem 0;
line-height: 0.3rem;border-bottom: 1px solid #f0f0f0;}
.tongyong .ms{font-size: 0.16rem;color: #666;line-height: 0.3rem;}
.tongyong .chanl{background: #F1F1F1;border-radius: 10px;font-size: 0.2rem;color: #666;
padding: 0.1rem 0.19rem;margin: 0.12rem 0 0.27rem 0;}
.tongyong .chanl span{font-weight: 900;color: #086871;}
.tongyong .lxfx{display: flex;justify-content: space-between;}
.tongyong .lxfx a{display: block;background: #086871;font-size: 0.2rem;font-weight: bold;color: #fff;width: 50%;text-align: center;
border-radius: 10px;padding: 9px 0;}
.tongyong .lxfx a:nth-of-type(1){margin-right: 0.22rem;}
.video{background: #086871;box-shadow: 0px 3px 23px 1px rgba(8,104,113,0.36);margin: 0.33rem 0;padding: 0.27rem 0;}
.video h1{font-size: 0.24rem;font-weight: 900;color: #FFFFFF;line-height: 0.3rem;}
.video p{font-size: 0.16rem;color: rgba(255, 255, 255, 0.27);line-height: 0.24rem;margin: 5px 0 0.16rem 0;}
.video iframe{border: none;width: 100%;height: 3.42rem;}
.video .fuwu{display: flex;justify-content: space-between;margin: 0.12rem 0 6px 0;}
.video .fuwu div{display: flex;}
.video .fuwu div img{display: block;max-width: 100%;height: auto;margin-right: 8px;}
.video .fuwu div h3{font-size: 0.16rem;font-weight: 400;color: #FFFFFF;line-height: 0.18rem;}
.ss{background: #F9F9F9;padding: 0.21rem 0 0.31rem 0;}
.ss h1{font-size: 0.24rem;font-weight: 900;color: #086871;margin-bottom: 0.15rem;}
.ss ul li img{display: block;width: 100%;height: auto;}
.ss ul li h2{font-size: 0.16rem;font-weight: 400;color: #333;margin: 0.16rem 0 0.19rem 0;}
.ss .more{display: flex;justify-content: space-between;background: #086972;border-radius: 10px;padding: 0.11rem 0.19rem 0.11rem 0.26rem;}
.ss .more .show{font-size: 0.2rem;font-weight: bold;color: #FFC169;}
.ss .more .jiantou{font-size: 0.21rem;color: #086871;background: #FFC169;width: 0.37rem;height: 0.32rem;text-align: center;border-radius: 5px;}
.solu h1{font-size: 0.24rem;font-weight: 900;color: #086871;margin: 0.16rem;}
.solu ul li a{display: flex;justify-content: space-between;align-items: center;background: #F6F6F6;
border-radius: 10px;padding: 8px 0.16rem;margin-bottom: 0.27rem;}
.solu ul li h2 i{display: inline-block;width: 6px;height: 6px;background: #086871;vertical-align: middle;margin-right: 8px;border-radius: 50%;}
.solu ul li h2{font-size: 0.16rem;font-weight: 400;color: #333;}
.solu ul li div{font-size: 0.21rem;color: #086972;}
 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} 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  #02847A;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:61%;font-size:0.2rem;font-weight:bold;color: #02847A;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(2, 132, 122, 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 #02847A;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: #02847A;
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;}