@charset "utf-8";
/*base-style*/
html {background: white;color: black;}
*{margin: 0;padding: 0;}
input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
th {text-align: inherit;}
fieldset, img {border: none;}
iframe {display: block;}
abbr, acronym {border: none;font-variant: normal;}
del {text-decoration: line-through;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: 500;}
ul,dl{margin-bottom: 0}
ul,ol,li{ list-style:none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
img{ border:0 none;vertical-align:middle;}
a:focus, *:focus {outline: none;}
a{text-decoration:none; color:#fff;}
a:link,a:active,a:visited{ text-decoration:none;color:#fff;}
a:hover{color:#fff;text-decoration:none;}
.clearfix:after{clear:both;content:'';display:block;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}
.clear {clear: both;display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
.fl, .fr {display: inline;}
.fl{float:left}
.fr{float:right}
hr{display: block;width: 100%;height: 1px;border: none;background: #ccc;margin: 0.15rem auto;}
.wrap{width:100%;min-width:3.2rem;max-width:6.4rem;height:auto;margin:0 auto;box-shadow:0 0 0.03rem rgba(0,0,0,.3);overflow:hidden;background-color: #fff;}
.content{width:100%;height:auto;padding:0 0.15rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;/* Safari */}
.contentColor{width:100%;height:auto;padding:0 0.1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;/* Safari */background-color: #fff;}
.banner{width:100%;height:auto;overflow:hidden;position:relative;}
.banner img{width:100%;height:auto}
h2{font:0.26rem Microsoft Yahei;text-align: center;color: #4a4a4a;position: relative;font-weight: bold;}
h2 span{color: #f2505f;}
h4{font-size: 0.2rem;text-align: center;margin: 0;padding: 0.2rem 0 0.1rem ;color: #0080fc}
small{font-size:0.2rem;text-align:center;display:block;color: #ff0000;margin-top: -0.1rem}
.zx_btn{display:block;width:1.64rem;height: 0.44rem;background-color: #d30303;border-radius: 0.22rem;margin: 0.24rem auto 0.32rem;font:0.18rem/0.44rem Microsoft Yahei;
text-align: center}

.flex{display: -moz-box;  /* Firefox */display: -ms-flexbox;    /* IE10 */display: -webkit-box;    /* Safari */ display: -webkit-flex;    /* Chrome, WebKit */
display: box; display: flexbox; display: flex;flex-flow:wrap;  justify-content:space-between; /*align-items:center;*/}
button,input[type='number'],input[type='text'],input[type='password'],input[type='email'],input[type=submit],select,textarea{
font-family:inherit;font-size:100%;margin:0;padding: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*base-style end*/
/*topnav*/
.topnav{height: 45px;background-color:#0073c3;color:white;font-size:16px;width: 100%;transition:top .5s;
padding-left: 15px;padding-right: 15px;box-sizing: border-box;line-height: 45px;text-align: center;}
.topnav>a{color: #ffffff;}
.position_nav{position:fixed;left:0;top:0;z-index: 10000000;}
.hide_nav{top:-45px;}
.show_nav{top:0;z-index:9999;}
.banner_xf{padding-top: 45px;}
/*topnav*/
/*main*/
.sec1{
  margin: 0.15rem 0;
}
.sec1 p{
  font-size: 0.2rem;
  line-height: 0.35rem;
  color: #333;
  margin: 0;
  padding-bottom: 0.1rem;
}
.sec1 p span{
  color: red;
}
.sec1List ul li{
  width: 49%;
}
.sec1List ul li img{
  width: 100%;
}
.telBox{
  width: 100%;
}
.telBox img{
  width: 100%;
}
.sec2{
  margin: 0.15rem 0 0.1rem 0;
}
.sec2 .sec2Title{
  text-align: center;
}
.sec2 .sec2Title h3{
  margin: 0;
  padding: 0;
  font-size: 0.3rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.1rem;
}
.sec2Title p{
  font-size: 0.18rem;
  color: #666;
  margin-bottom: 0.2rem;
}
.sec3List ul li{
  width: 49%;
  margin-bottom: 0.1rem;
}
.sec3List ul li a img{
  width: 100%;
}
.sec3{
  padding: 0.15rem 0;
}
.sec3 h3{
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.sec3Content table{
  width: 100%;
}
.sec3Content table thead th {
  background-color: red;
  color: #fff;
  box-sizing: border-box;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.19rem;
  border-right: 2px solid #fff;
}
.sec3Content table thead th:nth-child(1){
  padding-left: 0.15rem;
  width: 40%;
  
}
.sec3Content table thead th:nth-child(2){
  text-align: center;
  width: 20%;
}
.sec3Content table thead th:nth-child(3){
  text-align: center;
  width: 20%;
}
.sec3Content table thead th:nth-child(4){
  text-align: center;
  width: 20%;
  border-right: 0;
}
.sec3Content table tbody tr td{
  color: #333;
  box-sizing: border-box;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.17rem;
  border-right: 2px solid #fff;

}
.sec3Content table tbody tr:nth-child(even){
  background-color: #f5f5f5;
}
.sec3Content table tbody tr td:nth-child(1){
  padding-left: 0.05rem;
  width: 40%;
}
.sec3Content table tbody tr td:nth-child(2){
  width: 20%;
  text-align: center;
}
.sec3Content table tbody tr td:nth-child(3){
  width: 20%;
  text-align: center;
}
.sec3Content table tbody tr td:nth-child(4){
  width: 20%;
  text-align: center;
}
.sec3Content table tbody tr td:nth-child(4) a{
  color: #333;
}

/*form*/
.form-box{width:100%;height:auto}
.form-box .h2{font:blod 0.2rem Microsoft Yahei;margin: 0.2rem auto 0.1rem;text-align: center;color: #4a4a4a;font-size: 0.3rem;}
.form-box .input-block{width:100%;height:auto;margin:0.15rem auto}
.form-box .input-block label{display:none}
.form-box .btn-block{width:100%;height:0.5rem;color:#fff;border-radius:3px;cursor:pointer;line-height: 0.5rem}
.form-box .btn-blue{background:#0267ff;border:1px solid #0267ff;cursor:pointer}
.form-box .btn-red{background:#0267ff;border:1px solid #0267ff;cursor:pointer}
.form-box .form-addon{width:100%;height:0.5rem;}
.form-box .form-addon>span{display:block;width:6%;height:0.5rem;border:1px solid #ccc;box-sizing:border-box;color:#999;
float:left;border-right:none;border-top-left-radius:0.03rem;border-bottom-left-radius:0.03rem;text-align: center;padding-top: 0.16rem}
.form-box .form-addon>input{width:94%;height: 0.5rem;box-sizing:border-box;text-indent:0.05rem;border:1px solid #ccc;
font-size:0.14rem;border-radius:0.03rem;border-left:none;margin-left:-0.02rem;}
.form-box p{
  text-align: center;
  color: #0267ff;
  font-size: 0.18rem;
  font-weight: bolder;
  position: relative;
}
.form-box p span{
  position: absolute;
  display: block;
  width: 30px;
  height: 8px;
  background-color: #0267ff;
}
.form-box p span:nth-child(1){
  position: absolute;
 left: 25%;
 top: 8px;
}
.form-box p span:nth-child(1)::after{
  content: '';
  width: 40px;
  height:2px;
  background-color: #0267ff;
  position: absolute;
  left: -10px;
  top: 3px;
}
.form-box p span:nth-child(2){
  position: absolute;
 right: 25%;
 top: 8px;
}
.form-box p span:nth-child(2)::after{
  content: '';
  width: 40px;
  height:2px;
  background-color: #0267ff;
  position: absolute;
  right: -10px;
  top: 3px;
}

/*form end*/
/*foot*/
.foot{width: 100%;height: auto;max-width: 4.8rem;overflow: hidden;margin: 0 auto;margin-bottom: 0.6rem;box-sizing: border-box;}
.foot>ul{text-align: center;padding: 0.08rem;margin: 0;}
.foot>ul>li{display: inline-block;border-right: 1px solid #cccccc;padding-right: 0.08rem;padding-left: 0.07rem;}
.foot>ul>li:last-child{border-right: none;}
.foot>ul>li>a,.foot>p>span>a{color: #5f5f5f;}
.foot>ul>li>a:hover,.foot>p>span>a:hover{text-decoration: none;}
.foot>address{text-align: center;color: #5f5f5f;margin-bottom: 0.08rem;}
.foot>p{text-align: center;color: #5f5f5f;}
.foot>p>span{margin: 0 0.08rem;}
/*foot end*/
/*footer*/
.footer{width: 100%;height: auto;background: #ebebeb;display: flex;justify-content: space-between;text-align: center;margin: 0;
box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);-webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);-moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
padding: 0.05rem;position: fixed;bottom: 0;left: 0;z-index: 999;box-sizing: border-box;}
.footer>li{flex: 1;}
.footer>li>a{display:block;width: 100%;height: 100%;overflow: hidden;color: #5f5f5f;font-size: 0.14rem;}
.footer>li>a>i{margin: 3px auto;}
.footer>li>a:hover{color: #0073c3;text-decoration: none;}
/*footer end*/