@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} a{ text-decoration:none;}
a:hover{text-decoration:none;}  html {
font-size: 100px; }		
.qcfd:before,
.qcfd:after {
display: table;
content: " ";
}
.qcfd:after {
clear: both;
}
@media only screen and (max-width: 450px) {
.header img{width:30%;}
}
@media only screen and (max-width: 750px) {
.bx{padding: 0 14px;}		
.content iframe{border: none;width: 100%;height: 2.07rem;}
.content {margin-bottom:46px;}
.phonefooternav ul{display: flex; }
}					
@media only screen and (min-width: 750px)  {	
.bx{width: 750px; margin:0 auto;}
.content iframe{border: none;width: 100%;height: 4.07rem;}
.phonefooternav ul{display:none;}
}	
.header{padding: 0.13rem 0;}
.header .bx{display: flex;justify-content: space-between;align-items: center;}
.header a svg{width: 0.19rem;height: 0.19rem;vertical-align: middle;}
.header a{font-size: 0.16rem;color: #333;}
.content h1{background: #3777BE;font-size: 0.2rem;color: #fff;text-align: center;padding: 0.09rem 0;margin: 0.2rem 0;}
.contact {background: #F7F7F7;padding: 0.12rem 0.1rem 0.2rem 0.1rem;}
.contact h2{font-size: 0.2rem;color: #333333;text-align: center;}
.contact .lea{font-size: 0.16rem;color: #666;margin: 1px 0 0.2rem 0;text-align: center;line-height: 0.2rem;}
.content figure {margin: 0;}
.content img{width:100%; height:auto;}
.contact ul li{display: flex;justify-content: space-between;margin-bottom: 0.16rem;}
.contact ul li .inp{width: 47.8%;}
.contact ul li .inp input{width: -webkit-fill-available;border: 1px solid #999999;background: none;padding: 0.1rem 0.05rem;font-size: 0.14rem;}
.contact ul li select{width: -webkit-fill-available;border: 1px solid #999999;background: none;padding: 0.1rem 0.05rem;font-size: 0.14rem;}
.contact ul li select option:nth-of-type(1) { display: none;}
.contact ul li .inp input::placeholder{font-size: 0.14rem;color: #666;}
.contact ul li textarea{width: -webkit-fill-available;height: 1.18rem;
border: 1px solid #999999;background: none;padding: 0.1rem 0.05rem;font-size: 0.14rem;}
.contact ul li .tex{width: 100%;}
.contact ul button{display:block;width: 1.73rem;text-align: center;height: 0.45rem;line-height: 0.45rem;
background: #3777BE;margin: 0.2rem auto 0 auto;color: #fff;font-size: 0.2rem;border: none;}
.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
.phonefooternav ul li {background: #494949;  flex-grow: 1;width:100px;}
.phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;}
.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
.phonefooternav ul li a i{margin-right: 5px;}
table{width: 100%;}
table tr td:nth-of-type(1){background:#3777BE !important;color:#fff;font-weight:600;}
table tr:nth-of-type(2n) td{background:#fff;}
table tr:nth-of-type(2n+1) td{background:#e5e5e5;}
table tr td{border: 1px solid #858585 !important;vertical-align: middle;padding:0.15rem 0 0.15rem 0 !important;color:#333;font-size:0.18rem;text-align:center;}