@charset "utf-8";
/* CSS Document */
.banner{
  height:415px;
  background:#008ed7 url(/static_common/images/guohui/xw_guohui_crj_banner.jpg) center no-repeat
}
.tit{
  line-height:140px;
  height:140px
}
.tit img{
  vertical-align:middle
}
.ques{
  background-color:#f5f5f5;
  padding:30px 15px;
  padding-top:20px;
  border-radius:10px;
  margin-bottom:40px
}

.ques h3,
.howToDo h3{
  line-height:2;
  font-size:32px;
  color:#008ed7;
  padding-left:60px;
  margin-bottom:10px;
  background:url(../images/ico01.png) left center no-repeat;
}
.q02{
  margin-bottom:10px
}
.q02 h3{
  background:url(../images/ico02.png) left center no-repeat;
}
.ques p{
  padding:0 60px;
  font-size:20px;
  line-height:1.5
}
.text2 p{
  font-size:24px
}
.qbox{
  max-height:170px;
  overflow:auto;
  margin:10px 0
}
.qbox p{
  line-height:1.7
}
.section2{
  background-color:#def4fd;
  padding-bottom:30px;
  margin-bottom:10px
}
.whoCanDo{
  display:flex;
  justify-content:space-between;
  text-align:center
}
.whoCanDo li{
  width:375px;
  height:auto;
  box-sizing:border-box;
  padding:30px;
  background-color:white;
  transition:all .3s ease-in 0s
}
.whoCanDo li p:first-child{
  margin-bottom:30px
}
.whoCanDo li p:last-child{
  text-align:justify;
  font-size:20px;
  line-height:1.5
}
.whoCanDo li:hover{
  transform:translate(0,-10px);
  box-shadow:0px 5px 25px #cacaca
}
.link1{
  font-size:20px;
  margin-top:30px;
  height:94px;
  line-height:94px;
  width:100%;
  box-sizing:border-box;
  padding-left:120px;
  background:white url(../images/link1.gif) left center no-repeat
}
.whereToDo{
  width:100%;
  display:flex;
  justify-content:space-between;
}
.whereToDo>div{
  width:580px;
  box-sizing:border-box;
  padding:35px;
  background-color:#53aad7;
  color:white
}
.whereToDo>div h3{
  font-size:24px;
  line-height:1.2;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px solid white
}
.whereToDo>div>ul>li{
  display:flex;
  justify-content:left;
  line-height:2;
  font-size:18px
}
.whereToDo>div>ul>li>p{
  width:auto
}
.whereToDo>div>ul>li>p:first-child{white-space:nowrap}
.whereToDo>div.ymfw{
  background-color:#80bad9
}
.whereToDo>div.ymfw a{
  display:inline-block;
  width:100%;
  padding:10px 0;
  background-color:white;
  text-align:center;
  font-weight:bold;
  font-size:18px;
  color:#53aad7;
  margin-top:20px
}
.whereToDo p{
  width:100%
}
.twoArea{
  margin:30px 0;
  width:100%;
  display:flex;
  justify-content:space-between;
}
/*------------foot-----------*/
.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
.footer{
  margin:0 auto;  
  text-align: center;border-top:4px solid #1f68cf;padding:25px 0 30px;
}
.por {
  position: relative;
}
.foot{
  height:auto;
  background-color:#ffffff;
}
.foot_nav{
  padding-bottom:20px;
}

.footer p{
  /*line-height:30px*/
}
.zf01,
.zf02{
  position:absolute; margin-top: 80px;top:0;
}
.zf01{
  left:10%;
}
.zf02{
  right:7%
}


@media (max-width: 1080px) {

  body,html{font-size:16px !important}

  .w1300{width:100%}
  .banner{height:34vw;background-size:120% auto}
  .section1{height:auto;padding-top:0}
  .section1 .w1300,
  .slide{flex-wrap:wrap;width:100%}
  .section1 .tit{padding:0;width:100%}
  .tit{height:80px;line-height:80px}
  .ques h3, 
  .howToDo h3{font-size:1rem;line-height:51px}
  .ques p{padding:0 1rem;font-size:1rem}
  .qbox{max-height:none}
  .whoCanDo{flex-wrap:wrap}
  .whoCanDo li{width:100%;height:auto;margin-bottom:10px}
  .whoCanDo li p:last-child{font-size:1rem}
  .whereToDo{height:auto; background-size:cover;padding:15px;font-size:1rem}
  .whereToDo p{margin-bottom:10px}
  .howToDo p.f20{font-size:1.1rem}
  .howToDo h3{line-height:1.2}
  .items li,
  .sxBox .l,
  .sxBox .r{width:100%}
  .items li:nth-child(1) p{padding:15px}
  .items li p{font-size:1rem}
  .sxBox{flex-wrap:wrap}
  .sxBox .l div h3,
  .sxBox .r div p{font-size:1.3rem}
  .sxBox .l div.tbDload ul li, 
  .sxBox .l div.xzfyBook ul li{width:100%;font-size:1rem;line-height:1.5;margin-bottom:10px}
  .sxBox .r div a{padding:20px 0}

  .link1{height:auto;line-height:1.4;padding-top:1rem; padding-bottom:1rem;font-size:1rem}
  .whereToDo{padding:1%;flex-wrap:wrap}
  .whereToDo > div{width:98%;margin-bottom:1rem}
  .whereToDo > div > ul > li{flex-wrap:wrap;margin-bottom:1rem;line-height:1.5;font-size:1rem}
  .whereToDo > div > ul > li > p{word-break:break-all;width:100%;}
  .whereToDo > div > ul > li > p:first-child{background:white;color:#53aad7;padding:5px; border-radius:5px}
  .whereToDo > div h3{font-size:1.3rem}
  .twoArea{margin:1rem 0;flex-wrap:wrap}
  .twoArea img{width:100%}
  /*foot*/
  .w1200{width:100%}
  .footer p{
    padding:0 2%;
  }
  .footer{
    padding:1em 0;

  }
  .zf01, .zf02{position:relative;margin:0;top:auto}
  .zf01{left:auto}
  .zf02{right:auto}
}