@charset "utf-8";
/* CSS Document */
.banner{
  position:relative;
  height:538px;
  background:url(../images/banner.jpg) top center no-repeat;
  z-index:2
}
.banner a>img{
  margin-top:10px
}
.nav{
  position:absolute;
  bottom:0;
  display:flex;
  justify-content:space-between
}
.nav li{
  width:190px;
  height:107px;
  padding-top:15px;
  text-align:center;
  margin-right:12px;
  font-size:20px;
  font-weight:bold;
  border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,#4091f2,#2a73cb);
  opacity:0.95
}
.nav li a{
  display:block;
  color:white
}
.nav li i{
  display:inline-block;
  width:100%;
  height:60px;
  background-position:center top;
  background-repeat:no-repeat
}
.nav li:first-child i{
  background-image:url(../images/nav01.png);
}
.nav li:nth-child(2) i{
  background-image:url(../images/nav02.png);
}
.nav li:nth-child(3) i{
  background-image:url(../images/nav03.png);
}
.nav li:nth-child(4) i{
  background-image:url(../images/nav04.png);
}
.nav li:nth-child(5) i{
  background-image:url(../images/nav05.png);
}
.nav li:last-child i{
  background-image:url(../images/nav06.png);
}
.nav li:last-child{margin:0}
.nav li:hover,
.nav li.hover{background:white;opacity:1}
.nav li:hover a,
.nav li.hover a{color:#1b5ea9}
.nav li:hover:first-child i,
.nav li.hover:first-child i{
  background-image:url(../images/nav01_h.png);
}
.nav li:hover:nth-child(2) i,
.nav li.hover:nth-child(2) i{
  background-image:url(../images/nav02_h.png);
}
.nav li:hover:nth-child(3) i,
.nav li.hover:nth-child(3) i{
  background-image:url(../images/nav03_h.png);
}
.nav li:hover:nth-child(4) i,
.nav li.hover:nth-child(4) i{
  background-image:url(../images/nav04_h.png);
}
.nav li:hover:nth-child(5) i,
.nav li.hover:nth-child(5) i{
  background-image:url(../images/nav05_h.png);
}
.nav li:hover:last-child i,
.nav li.hover:last-child i{
  background-image:url(../images/nav06_h.png);
}
.gsTab .tit{
  line-height:120px;
  font-size:30px;
  display:flex;
  justify-content:space-around;
}
.gsTab .tit span{
  display:inline-block;
  padding-left:50px;
  margin:0 20px;
  cursor:pointer
}
.gsTab .tit span.hover{
  background:url(../images/tab1.png) left center no-repeat;
  color:#1b5ea9
}
.gsBox{
  display:flex;
  justify-content:left;
  flex-wrap:wrap;
}
.gsBox li{
  display:flex;
  position:relative;
  box-sizing:border-box;
  width:23%;
  height:80px;
  line-height:1.2;
  align-items:center;
  background:#f5f5f5;
  border-radius:6px;
  padding-right:10px;
  padding-left:90px;
  font-size:14px;
  margin:1%
}
.gsBox li i{
  position:absolute;
  left:0;
  height:30px;
  line-height:30px;
  top:calc(50% - 15px);
  width:70px;
  border-radius:0 15px 15px 0;
  background-color:#00bd83;
  color:white;
  font-weight:bold;
  font-style:normal;
  font-size:14px;
  text-align:center;
  text-indent:0
}
.gsBox li i.no{
  background:#d5e5f8;
  color:#657587
}
.fenlei{
  margin-top:40px;
  min-height:540px;
  padding-bottom:60px;
  box-sizing:border-box;
  padding-top:70px;
  background:#eff6fe url(../images/main.jpg) center bottom no-repeat
}
.fenlei .w1200{
  display:flex;
  justify-content:space-between
}
.flBox{
  position:relative;
  width:580px;
  box-sizing:border-box;
  padding:30px;
  padding-top:0;
  background-color:white;
  border-radius:10px
}
.flBox .tit{
  height:84px;
  line-height:84px;
  font-size:26px;
  vertical-align:middle;
  border-bottom:3px solid #dedede
}
.flBox .tit h3{
  display:inline-block;
  height:84px;
  line-height:87px;
  padding-right:20px;
  border-bottom:3px solid #1990ff
}	
.flBox .tit h3 img{
  vertical-align:middle
}
.flBox ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:left;
  font-size:14px;
  margin:20px 0
}
.flBox ul li{
  width:50%;
  box-sizing:border-box;
  padding-left:15px;
  line-height:1.5;
  margin:10px 0;
  background:url(../images/dot.gif) center left no-repeat;
  /*text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden*/
  align-items: center;
  display: flex;
}
.flBox ul.qxjd li{width:50%}
.flBox:after{
  content:'';
  position:absolute;
  width:100%;
  height:27px;
  bottom:-27px;
  left:0;
  background:url(../images/shadow.png) center no-repeat
}

.foot{
  width:100%;
  text-align:center;
  color:white !important;
  position:relative;
  background-color:#0052a5 !important;;
  padding:45px 0;
  line-height:1.8;
  font-size: 0.9rem;
}
.foot a{color:white !important;}
.footer a{color:white !important;}
.footer p{color:white !important;}
.foot>a>img.foot1,
.foot>a>img.foot2{
  position:absolute;
  top:50%;
}
.foot>a>img.foot1{
  margin-top:-34px;
  left:20%
}
.foot>a>img.foot2{
  margin-top:-29px;
  right:20%
}

.foot_info{ margin-bottom: 10px; color: #fff; font-size: 1rem;}
.foot_info i{ margin: 0 1rem; font-family: "宋体"; font-size: 14px; font-style: normal;}
.foot_info a:link,.foot_info a:visited{ color:#fff}
.foot_info a:hover{ color: #95cbff;}

/**新吴区底部样式*/
.foot>.footer>.w1200{margin: auto;}





@media (max-width: 1040px) {
  .nav{display:block ruby !important;}
}



@media (max-width: 800px) {


  body{min-width:inherit}
  .w1200{width:98%;margin:0 1%}
  .banner{
    width:100%;
    background-size:240% auto;
    height:67vw
  }
  .banner a > img{width:40%}
  .nav{display:flex !important;width:98%;flex-wrap:wrap;border-radius:10px 10px 0 0;overflow:hidden}
  .nav li{width:33.3%;margin:0;height:50px;line-height:50px;font-size:16px; padding:0;border-radius:0}
  .nav li i{display:none}
  .gsTab .tit{
    font-size:16px;
    line-height:2;
    margin:20px 0
  }
  .gsTab .tit span{
    padding:0;
    line-height:1.5;
    padding:10px;
    border-radius:5px
  }
  .gsTab .tit span.hover{
    background:none;
    background-color:#4091f2;
    color:white
  }
  .flBox .tit{font-size:20px}
  .gsBox li{width:48%}
  .fenlei{margin-top:20px;padding-top:20px}
  .fenlei .w1200{flex-wrap:wrap}
  .flBox{width:100%;margin:0 !important;margin-bottom:20px!important}
  .flBox ul li,
  .flBox ul.qxjd li{width:100%}
  .foot > a > img.foot1, 
  .foot > a > img.foot2{
    position:static;
    margin:auto
  }

}