@charset "utf-8";
	/* Reset css*/
	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*/
	a{ text-decoration:none;}
	a:hover{text-decoration:none;}					
	/*title*/				
	/*通用样式结束*/
	html {
	font-size: 100px; /* 10÷16=62.5% */
	}		
	.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;}
