@charset "utf-8";
/* CSS Document */
.banner{
  height:415px;
  background:#065bb1 url(/static_common/images/guohui/xw_guohui_shjz_banner.jpg) center no-repeat
}
.section1{
  /*height:780px;*/
  height:700px;
  /*padding-top:70px;*/
  padding-top:15px;
  background:url(../images/shjz_bg.jpg) top center no-repeat;
  border-bottom:2px solid #245399
}
.section1 .w1300{
  display:flex;
  justify-content:left
}
.section1 .tit{
  padding-top:50px;
  width:290px;
  text-align:center
}
.tit{
  line-height:150px;
  height:150px
}
.tit img{
  vertical-align:middle
}
.slide{
  display:flex;
  justify-content:left
}
.slide>.title{
  width:300px;
  text-align:right
}
.slide>.title ol li{
  position:relative;
  box-sizing:border-box;
  font-size:18px;
  line-height:78px;
  cursor:pointer;
  transition:all .3s ease-in 0s;
  white-space:nowrap
}
.slide>.title ol li.cur{
  font-size:22px;
  font-weight:bold;
  color:#245399
}
.slide>.title ol li span{
  float:left
}
.slide>.title ol li.cur:after{
  float:right;
  margin-top:30px;
  margin-right:-40px;
  content:'';
  width:15px;
  height:15px;
  border-radius:20px;
  border:2px solid white;
  background-color:#245399
}
.slide>.title ol li:first-child{
  padding-right:144px;
}
.slide>.title ol li:nth-child(2){
  padding-right:113.76px;
}
.slide>.title ol li:nth-child(3){
  padding-right:90.72px;
}
.slide>.title ol li:nth-child(4){
  padding-right:73.44px
}
.slide>.title ol li:nth-child(5){
  padding-right:60.48px
}
.slide>.title ol li:nth-child(6){
  padding-right:50.4px
}
.slide>.title ol li:nth-child(7){
  padding-right:46.08px
}
.slide>.title ol li:nth-child(8){
  padding-right:44.64px
}
.jzCon{
  width:700px
}
.jzCon .title{
  width:414px;
  height:92px;
  text-indent:105px;
  line-height:112px;
  font-size:30px;
  font-weight:bold;
  color:white;
  background:url(../images/conTit.png) no-repeat;
  margin-bottom:25px
}
.jzCon .con{
  padding-left:30px
}
.jzCon .con h3{
  font-size:22px;
  margin-bottom:25px
}
.jzCon .con p{
  font-size:18px;
  line-height:1.5;
  margin-bottom:25px
}
.jzCon .con a{
  display:inline-block;
  padding:10px 20px;
  border-radius:5px;
  background-color:#2b7ad2;
  color:white;
  font-size:24px;
  margin-bottom:15px
}
.section2{
  background-color:#f7f7f7;
  padding-bottom:40px
}
.btnList{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap
}
.btnList li{
  width:420px;
  height:82px;
  line-height:82px;
  font-size:24px;
  font-weight:bold;
  background-color:#2b7ad2;
  background-position:left center;
  background-image:url(../images/b01.gif);
  background-repeat:no-repeat;	
  text-indent:180px;
  margin-bottom:20px
}
.btnList li:nth-child(2){background-image:url(../images/b02.gif)}
.btnList li:nth-child(3){background-image:url(../images/b03.gif)}
.btnList li:nth-child(4){background-image:url(../images/b04.gif)}
.btnList li:nth-child(5){background-image:url(../images/b05.gif)}
.btnList li:nth-child(6){background-image:url(../images/b06.gif)}
.btnList li a{
  display:block;
  color:white
}
.rkList{
  display:flex;
  justify-content:space-between;
}
.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}


/*---0307---*/
.section1 .tit{
  padding-top:50px;
  width:290px;
  text-align:center
}
.daoyu{background-color:#f7f7f7;padding-bottom:40px}
.se01_tit{
  background-color:#e8f3ff
}
.daoyu .intro{font-size:20px;line-height:2;margin-top: 20px;text-indent: 2em;}



@media (max-width: 1080px) {

  .w1300{width:100%}
  .banner{height:34vw;background-size:115% auto}
  .section1{height:auto;background:#c6e4fe;padding-top:0}
  .section1 .w1300,
  .slide{flex-wrap:wrap;width:100%}
  .section1 .tit{padding:0;width:100%}
  .tit{height:100px;line-height:100px}
  .slide > .title{width:100%}
  .slide > .title ol{display:flex;justify-content:left;flex-wrap:wrap;background:rgba(255,255,255,.4);padding:10px 0;width:96%;margin:0 2%;border-radius:10px}
  .slide > .title ol li{padding:0 !important;text-align:center;width:33.3%;line-height:2}
  .slide > .title ol li.cur{font-size:18px}
  .slide > .title ol li.cur::after{display:none}
  .jzCon .title{width:100%;margin:20px 0}
  .jzCon .con{padding:0 20px}
  .btnList li{width:100%;text-indent:150px;font-size:18px;height:auto;line-height:4}
  .rkList{flex-wrap:wrap}
  .rkList li,
  .rkList li img{width:100%}
  .jzCon .title{font-size:20px}
  .jzCon .con a,
  .jzCon .con h3{font-size:18px}
  .jzCon .con p,
  .slide > .title ol li,
  .slide > .title ol li.cur{font-size:16px}


  /*---0307---*/
  .daoyu .intro{font-size:16px}
  .daoyu .intro{padding:10px}
  .se01_tit{background-color:#c6e4fe}
  .se01_tit .tit{height:auto; line-height:1.5;padding:20px 0}

  .w1200{width:100%}
}