@charset"utf-8";
body{
  position: relative;
  width: 100%;
  
}
.content{
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 4610px;
}
.footer {
  position: relative;
  z-index: 999;
}
.wq-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.spe-nav{
  width:187px;
  height: 580.8px;
  position: absolute;
  top: 1190px;
  left: 94px;
  background-image: url(wq-nav.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: 999;
  padding: 100px 38px 0;
}
.spe-nav a{
  display: block;
  color: #333;
  padding: 20px 0;
  border-bottom: 1px solid #E4E4E4;
  text-align: center;
}
.spe-nav a.last-nav{
  border-bottom: none;
}
.spe-nav a:hover{
  color: #017CDA;
  font-weight: bold;
}
.content .container {
  position: relative;;
  z-index: 99;
}
.header-content {
  margin-left: 30px;
}
.header-content .logo {
  padding-top: 0;
}
.hui-logo img{
  width: 94px;
  height: 106px;
}
.logo-text img{
  width: 339px;
  height: auto;
}
.logo-text{
  margin-top: 8px;
}
.header-icon1{
  margin-top: 20px;
}
.header-icon1 img{
  width: 62px;
  height: auto;
}

.wq-container{
  margin-top: 980px;
}
.wq-container .panel1 ul{
  margin:0 0 -80px -122px;
}
.wq-container .panel1 ul li{
  float: left;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin:0 0 80px 122px;
  background-color: rgba(0, 0, 0, .4);
  position: relative;
}
.wq-container .panel1 ul li a{
  display: block;
  width: 100%;
  height: 100%;
}
.wq-container .panel1 ul li img{
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.wq-container .panel1 ul li span{
  display: block;
  width: 100%;
  position: absolute;
  z-index: 99;
  font-size: 33px;
  color: #fff;
  left: 0;
  top: 80px;
  text-align: center;
}
.panel2 .pic-box {
  width: 100%;
  height: 402.5px;
  margin-top: 67px;
}
.panel2 .pic-box .left{
  width: 505px;
  height: 402.5px;
}
.panel2 .pic-box .right{
  width:666px ;
  height: 402.5px;
}
.panel2 .pic-box .right .show-pic2{
  width: 395.3px;
  height: 185.5px; 
}
.panel2 .pic-box .right .show-pic3{
  width: 239px;
  height: 185.5px;
}
.panel2 .pic-box .right .top{
  margin-bottom: 30px;
  height: 185.5px;
}
.panel2 .pic-box .right .bottom{
  height: 185.5px;
}
.panel3  .panel3-box{
  width: 100%;
  height: 363.6px;
  margin-top: 58px;
}
.panel3 .logo-box{
  margin-top: 60px;
}
.panel4 .logo-box{
  margin-top: 109px;
}
.panel5 .logo-box{
  margin-top: 110px;
}
.panel3 .video{
  width: 811px;
  height: 363.6px;
  background-color: #f2f2f2;
}
.panel3 .video video{
  width: 100%;
  height: 100%;
}
.panel3 .jzyq{
  width: 361px;
  height: 100%;
  padding: 22px 20px 0;
  background-color: #fff;
  background-image: url(zj-bg.jpg);
  background-position: center bottom;
  background-size: 100% 100%;
}
.panel3 .jzyq .content-title{
  border-bottom: none;
}
.panel3 .jzyq .content-title a{
  color: #000;
  font-size: 18px;
}
.panel3 .jzyq  .jzdw ul {
  margin:-10px -13px 0 0;
}
.panel3 .jzyq  .jzdw ul li{
  float: left;
  width: 153px;
  height: 64px;
  margin: 30px 13px 0 0;
}
.panel4 .panel4-box{
  width: 100%;
  height: 384px;
  margin-top: 46px;
}
.panel4 .panel4-box ul{
  width: 100%;
  height: 100%;
}
.panel4 .panel4-box ul li{
  float: left;
  width: 186px;
  height: 100%;
  margin-right: 15px;
  position: relative;
  background-color: rgba(0, 0,  0, .3);
}
.panel4 .panel4-box ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: -1;
}
.panel4 .panel4-box ul li span{
  color: #fff;
  font-size: 26px;
  position: absolute;
  top: 139px;
  left: 81px;
  z-index: 99;
  width: 20px;
  font-weight: FZCHYJW--GB1-0;
}
.panel4 .panel4-box ul li.last-list{
  margin-right: 0;
}
.panel5 .panel5-box{
  position: relative;
  margin-top: 43px;
}
.panel5 .panel5-box .poster-list {
  width: 1200px;
  height: 449px;
  
}
.panel5 .panel5-box .poster-list .poster-item {
  width: 660px;
  height: 400px;
  position: absolute;
  left: 0;
  top: -20px;
  overflow: hidden;  
  
}
.panel5 .panel5-box .poster-list .poster-item .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .4);
  display: none;
}

.panel5 .panel5-box .poster-btn {
  width: 70px !important;
  height: 127px !important;
  position: absolute;
  top: 180px;
  background-color: rgba(0, 0, 0, .4);
}
.panel5 .panel5-box .poster-btn img{
  margin-top:30px ;
}
.panel5 .panel5-box.poster-prev-btn {
  left: 0;
}

.panel5 .panel5-box .poster-next-btn {
  right: 0;
}
.poster-item-title{
  display: block;
  position: absolute;
  top: 0;
  right: 95px;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
  font-size: 36px;
  width: 85px;
  height: 267px;
  padding: 31px 29px 0 24px;
}
.panel5 .panel5-box .txt{
  display: block;
  position: absolute;
  bottom: 0;
  top:unset;
  left: 0;
  right: 0;
  font-size: 16px;
  width: 100%;
  height: 117.4px;
  padding: 24px 30px;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
}
@media screen and (max-width: 1200px) {
.menu-icon {
  top: 2.5rem!important;
  right: .5rem!important;
}
.phone-nav img {
    width: .43rem!important;
}
.phone-nav .two-menu{
  background-color: #fff;
  position: absolute;
  top: .5rem;
  right: 0;
  z-index: 666;
}
.phone-nav .two-menu a{
  display: block;
  color: #333;
  padding: .3rem 0;
  border-bottom: 1px solid #E4E4E4;
  text-align: center;
  font-size: .24rem;
}
.content {
    padding: .1rem .3rem 1.4rem!important;
    width: 100%;
    height: 100%;
    min-height: unset;
    background-image: url(phone-bg6.jpg);
    background-position: center top;
    background-size: 100% 114%;
}
.header-content {
  margin-left: .1rem;
}
.header-content .logo {
    padding-top: 0;
    display: flex;
    justify-content:flex-start!important;
}
.hui-logo,.hui-logo img{
  width: .45rem!important;
  height: .51rem;
}
.logo-text img{
  width: 2rem!important;
  height: auto;
}
.logo-text{
  margin-top: .08rem;
  width: 2rem!important;
  height: auto;
}
.header-icon1{
  margin-top: 0.1rem!important;
  width: .31rem!important;
  height: auto;
}
.header-icon1 img{
  width: .31rem!important;
  height: auto;
}
.wq-container{
  margin-top: 2.2rem;
}
.wq-container .panel1 ul{
  margin:0;
}
.wq-container .panel1 ul li{
  width: 22%;
  height:1.52rem;
  margin:0 .27rem .6rem 0;
}
.wq-container .panel1 ul li:nth-of-type(4n){
  margin-right: 0;
}

.wq-container .panel1 ul li span{
  font-size: .26rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.logo-box img{
  width: 100%;
}
.panel3 .logo-box {
  margin-top: .75rem;
}
.panel4 .logo-box{
  margin-top: .81rem;
}
.panel3  .panel3-box{
  width: 100%;
  height: auto;
  margin-top:.47rem;
}
.panel3 .video {
    width:100%;
    height: 3.61rem;
    background-color: #f2f2f2;
}
.panel3 .jzyq{
  width: 100%;
  height: auto;
  padding: .5rem .25rem .4rem;
  margin-top: .6rem;
}

.panel3 .jzyq .content-title a{
  font-size: .34rem;
}
.panel3 .jzyq  .jzdw ul {
  margin:.32rem 0 0 0;
}
.panel3 .jzyq  .jzdw ul li{
  width: 48%;
  height: 1.3rem;
  margin: 0 .21rem .39rem 0;
}
.panel3 .jzyq  .jzdw ul li:nth-of-type(2n){
  margin-right: 0;
}
.panel4 .panel4-box{
  height: auto;
  margin-top: .61rem;
}
.panel4 .panel4-box ul{
  height: auto;
}
.panel4 .panel4-box ul li{
  float: left;
  width: 31.4%;
  height: 4.47rem;
  margin-right:.19rem;
  margin-bottom: .73rem;
}
.panel4 .panel4-box ul li:nth-of-type(3n){
  margin-right: 0;
}

.panel4 .panel4-box ul li span{
  font-size: .3rem;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: .2rem;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.panel5 .logo-box {
    margin-top: .69rem;
}
.panel5 .panel5-box{
  margin-top:1rem;
}
.panel5 .panel5-box .poster-list {
  width: 1200px;
  height: 449px;
  
}
.panel5 .panel5-box .poster-list .poster-item {
  width: 660px;
  height: 400px;
  position: absolute;
  left: 0;
  top: -20px;
  overflow: hidden;  
  
}
.panel5 .panel5-box .poster-list .poster-item .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .4);
  display: none;
}

.panel5 .panel5-box .poster-btn {
  width: 70px !important;
  height: 127px !important;
  position: absolute;
  top: 180px;
  background-color: rgba(0, 0, 0, .4);
}
.panel5 .panel5-box .poster-btn img{
  margin-top:30px ;
}
.panel5 .panel5-box.poster-prev-btn {
  left: 0;
}

.panel5 .panel5-box .poster-next-btn {
  right: 0;
}
.poster-item-title{
  display: block;
  position: absolute;
  top: 0;
  right: 95px;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
  font-size: 36px;
  width: 85px;
  height: 267px;
  padding: 31px 29px 0 24px;
}
.panel5 .panel5-box .txt{
  display: block;
  position: absolute;
  bottom: 0;
  top:unset;
  left: 0;
  right: 0;
  font-size: 16px;
  width: 100%;
  height: 117.4px;
  padding: 24px 30px;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
}
/* 轮播图 */
.focusBox{
  height: 4.5rem!important;
  margin-top: .42rem;
}
.focusBox .slide-box {
    height: 4.5rem!important;
}

.focusBox .slide-box li {
    height: 4.5rem!important;
}
.focusBox .disc {
    right:0!important;
    width: 100%!important;
    display: flex;
    justify-content: center;
}
.focusBox .disc li{
  width: .12rem!important;
  height: .12rem!important;
  margin: .08rem;
}
.focusBox .prev, .focusBox .next {
    width: .7rem!important;
    height: 1.17rem!important;
}
.focusBox .prev img, .focusBox .next img {
    height: .72rem!important;
    margin-top: .28rem!important;
}
.focusBox .hd-desc a{
  display: block;
  width: 100%;
  height: 100%!important;
  line-height: normal!important;
}
.focusBox .hd-desc {
    width: 100%;
    height: 100%!important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.focusBox .hd-desc .bottom{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height:1.324rem;
  padding: .15rem .3rem .26rem;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
  font-size: .22rem;
}
.focusBox .hd-desc .top{
  position: absolute;
  top: 0;
  right: .95rem;
  width: .85rem;
  height:2.67rem;
  padding: .31rem .25rem 0 .24rem;
  background-color: rgba(115, 188, 204,.59);
  color: #036C86;
  font-size: .36rem;
}
}