* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: unset;
  font-family:Microsoft YaHei;
}
a,
img {
  display: block;
  position: relative;
}

.middle,
.container {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.m-block {
  display: block;
  width: 100%;
}
/**/
.flex {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.flex .flex_content {
  position: relative;
  top: 1.2rem;
  left: 0;
  width: 3rem;
  margin: 0 auto;
}
.flex .flex_content .flex_img {
  position: relative;
  top: 0;
  left: 0;
  width: 3rem;
  overflow: hidden;
}
.flex .flex_content .flex_img img {
  width: 100%;
}
.flex .flex_content .flex_close_btn {
  position: absolute;
  right: 0;
  width: .17rem;
  height: .17rem;
  z-index: 99;
}
.flex .flex_content .flex_close_btn img {
  width: 100%;
}
.flex .flex_content .flex_logo {
  position: relative;
}
.flex .flex_content .flex_logo img {
  width: 100%;
}
.flex .flex_content .flex_btn_group {
  position: relative;
}
.flex .flex_content .flex_btn_group ul {
  position: relative;
  overflow: hidden;
}
.flex .flex_content .flex_btn_group ul li {
  position: relative;
  float: left;
  width: 30%;
  margin-top: .1rem;
  margin-left: 5%;
}
.flex .flex_content .flex_btn_group ul li a img {
  width: 100%;
}
.flex .flex_content .flex_btn_group ul li:first-child {
  margin-left: 0;
}
.flex .flex_content .flex_btn_group ul li:last-child {
  position: relative;
  width: 100%;
  margin-left: 0;
}

.header .index_nav li .gongy{position:absolute; top:85%; right:0; z-index:99; display:none; } 
.header .index_nav li .gongy img{width:100%; height:auto;}
.header .index_nav li .gongy .gytp{position:relative;width:100%; height:auto;}
.header .index_nav li .gongy .gongya{width:100%; height:0.15rem; display:block; position:absolute; top:22%; left:0;}
.header .index_nav li .gongy .gongyb{width:100%; height:0.15rem; display:block; position:absolute; top:59%; left:0;}

/*头部导航条 start*/
.header{width:100%;max-width:750px; margin:0 auto;}
.header .htup{width:100%; height:auto;}
.header .htup img{width:100%;height:auto;}
.header .logo1{width: 100%;height: auto;margin: 0 auto;max-width: 750px;}
.header .top-tips{
    position: fixed;top: -.6rem;width: 3.75rem;/*height: .55rem;*/ height: .70rem;padding: 2% 0;box-shadow: 0 0 .04rem #666;box-sizing: border-box;background: #fff;z-index: 9999;transition: all .5s;opacity: 0;
}
.header .top-tips.active{
    top: 0;opacity: 1;
}
.header .top-tips .top-logo{
    float: left;width: .4rem;box-sizing: border-box;padding: .02rem;
}
.header .top-tips .top-logo img{display: block;width: 100%;}
.header .top-tips .tips{padding: 1% 0.3rem;font-size: .1rem;color: #bd0000;line-height: .16rem;}

.header .index_nav {
    height: 0.35rem;
    margin-bottom: 1px;
	background:#006f7b;
}
.header .index_nav li {
    width: 20%;
    box-sizing: border-box;
    height: 0.35rem;
    float: left;
    text-align: center;
    line-height: 0.35rem;
    position: relative;
}
.header .index_nav li a {
    color: #ffffff;
    display: block;
    font-size: 0.13rem;
    height: 0.35rem;
	margin-left: 1px;
}

.header .index_nav a {
    color: #fff;
}

.header .index_nav > li:last-child {
    border-right: none
}
/*头部导航条 end*/
/*底部导航条 start*/
.ftdibu{min-height: 100%;max-width: 750px;margin: 0 auto;padding: 0;font-size: 0.14rem;font-family: "微软雅黑";}
.ftdibu .footer{width:100%; height:auto; position:relative;}
.ftdibu .footer img{width:100%; height:auto;}
.ftdibu .footer .tela{width:80%; text-align:center; font-size:0.12rem; font-weight:bold; color:#ffffff; position:absolute; top:58%; left:10%; display:block;}
.ftdibu .footer .telb{width:46%; text-align:center; font-size:0.12rem; color:#ffffff; position:absolute; top:74%; left:27%; border: 1px solid #ffffff; border-radius: 0.02rem;  display:block; padding:0.5% 0 0.5% 0;}
/*底部导航条 end*/


@media screen and (min-width:320px) and (max-width:401px){
  .header .index_nav li .gongy{position:absolute; top:91%; right:0; }
}
@media screen and (min-width:402px) and (max-width:480px){
  .header .index_nav li .gongy{position:absolute; top:91%; right:0; }
}
@media screen and (min-width:481px) and (max-width:640px){
  .header .index_nav li .gongy{position:absolute; top:91%; right:0; }
}
@media screen and (min-width:641px) and (max-width:800px){
  .header .index_nav li .gongy{position:absolute; top:88%; right:0; }
}