* {margin:0; padding:0; box-sizing: border-box;}
body {
  margin:0;
  padding:0;
  font-family:"微软雅黑","宋体";
  font-size:15px;
  color:#333333;
  background: url("jnqxj_bg.jpg") no-repeat;
  width: 100%;
  background-size: contain;
}
ul,li {list-style:none; margin:0; padding:0;}
a {
  text-decoration: none;
  color: #333333;
}
.clear{
  clear: both;
}
.left{
  float: left;
}
.right{
  float: right;
}
.block{
  display: block;
}
.none{
  display: none;
}
.margin_r0{
  margin-right: 0 !important;
}
tr,td{
  padding: 0;
  margin: 0;
}
/*局部样式*/
/*头部*/
.jnqxj_box{
  width: 1100px;
  margin: 0 auto;
  min-height: 300px;
}
.jnqxj_logo{
  width: 300px;
  height: 150px;
}
.jnqxj_nav{
  width: 100%;
  height: 100px;
  padding: 20px;
  background: url("jnqxj_navbg.jpg") no-repeat;
}
.jnqxj_nav>ul>li{
  float: left;
  width: 20%;
}
.jnqxj_nav>ul>li>i{
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.jnqxj_nav>ul>li>span>a{
  font-size: 17px;
  color: #FFFFFF;
  float: left;
  margin: 5px 0;
}
/*footer*/
.jnqxj_footer{
  min-height: 110px;
  width: 100%;
  background: #5299DE;
}
.jnqxj_footer_box{
  width: 1100px;
  min-height: 110px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  color: #FFFFFF;
}
/*中间*/
.jnqxj_sel{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*中间左边*/
.jnqxj_sel_left{
  width: 63.64%;
}
/*当前位置*/
.jnqxj_sel_left_dzwz{
  width: 100%;
  height: 40px;
  padding-left: 40px;
  background: url("jnqxj_dzwz.png") 0 top no-repeat;
  color: #1161AD;
  border-bottom: 1px #E8F5FF solid;
}
.jnqxj_sel_left_dzwz a{
  color: #1161AD;
}
/*今日预报*/
.jnqxj_sel_left_jryb{
  width: 100%;
  height: 350px;
  margin-top: 20px;
}
.jnqxj_sel_left_jryb_bt{
  width: 100%;
  height: 50px;
  padding: 5px 0;
  border-bottom: 1px #4B89C6 solid;
}
.jnqxj_sel_left_jryb_bt>span{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-left: 3px #1161AD solid;
  font-size: 20px;
  font-weight: 600;
}
.jnqxj_sel_left_jryb_nr{
  width: 100%;
  height: 300px;
}
/*小时预报*/
.jnqxj_sel_left_xsyb{
  width: 100%;
  height: 350px;
  margin-top: 20px;
}
.jnqxj_sel_left_xsyb_bt{
  width: 100%;
  height: 50px;
  padding: 5px 0;
  border-bottom: 1px #4B89C6 solid;
}
.jnqxj_sel_left_xsyb_bt>span{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-left: 3px #1161AD solid;
  font-size: 20px;
  font-weight: 600;
}
.jnqxj_sel_left_xsyb_nr{
  width: 100%;
  height: 300px;
}
/*一周预报*/
.jnqxj_sel_left_yzyb{
  width: 100%;
  height: 450px;
  margin-top: 20px;
}
.jnqxj_sel_left_yzyb_bt{
  width: 100%;
  height: 50px;
  padding: 5px 0;
  border-bottom: 1px #4B89C6 solid;
}
.jnqxj_sel_left_yzyb_bt>span{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-left: 3px #1161AD solid;
  font-size: 20px;
  font-weight: 600;
}
.jnqxj_sel_left_yzyb_nr{
  width: 100%;
  height: 400px;
}
/*中间右边*/
.jnqxj_sel_right{
  width: 35%;
}
/*手机看天气*/
.jnqxj_sel_right_sj{
  width: 100%;
  height: 250px;
  margin-bottom: 15px;
}
.jnqxj_sel_right_sj_bt{
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #4B89C6;
  color: #FFFFFF;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}
.jnqxj_sel_right_sj_vx{
  width: 100%;
  height: 210px;
  padding: 20px 30px 15px;
  background: #ECF7FF;
}
.jnqxj_sel_right_sj_vx1 li{
  text-align: center;
}
/*气象预警*/
.jnqxj_sel_right_yj{
  width: 100%;
  max-height: 290px;
  margin-bottom: 30px;
}
.jnqxj_sel_right_yj_bt{
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: 1px #FCD836 solid;
  background: url("jnqxj_yj.jpg") 5px center #FEF1AB no-repeat;
  padding-left: 35px;
  margin-bottom: 5px;
}
.jnqxj_sel_right_yj_bt>span{
  font-weight: 600;
}
.jnqxj_sel_right_yj_bt>a{
  font-weight: 600;
  color: #3666BB;
  margin-left: 10px;
}
.jnqxj_sel_right_yj_list{
  width: 100%;
  max-height: 255px;
}
.jnqxj_sel_right_yj_list>ul>li{
  float: left;
  width: 100%;
  height: 46px;
  padding: 5px;
  margin-bottom: 5px;
  background: #FFFFDB;
  border: 1px solid #CCCCCC;
  font-size: 12px;
}
.jnqxj_sel_right_yj_list td:first-child{
  width: 8%;
}
.jnqxj_sel_right_yj_list td:nth-child(2){
  width: 62%;
  vertical-align: top;
  color: #3666B9;
  padding-left: 10px;
}
.jnqxj_sel_right_yj_list td:nth-child(3){
  width: 22%;
  vertical-align: bottom;
}
.jnqxj_sel_right_yj_list td:nth-child(3)>span{
  color: #CF1116;
  padding-left: 5px;
}
.jnqxj_sel_right_yj_list td:last-child{
  width: 17%;
  padding-left: 3px;
  vertical-align: bottom;
}
.jnqxj_sel_right_yj_list td:last-child>a{
  color: #3666B9;
  font-weight: 600;
}
/*区县预报*/
.jnqxj_sel_left_qxyb{
  width: 100%;
  height: 665px;
  margin-top: 20px;
}
.jnqxj_sel_left_qxyb_bt{
  width: 100%;
  height: 50px;
  padding: 5px 0;
  border-bottom: 1px #4B89C6 solid;
}
.jnqxj_sel_left_qxyb_bt>span{
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 600;
  padding-left: 10px;
  border-left: 3px #1161AD solid;
}
.jnqxj_sel_left_qxyb_bt>a{
  float: right;
  height: 40px;
  line-height: 40px;
  color: #4B89C6;
  text-align: right;
}
.jnqxj_sel_left_qxyb_nr{
  width: 100%;
  height: 615px;
}








/*媒体查询*/
@media screen and (max-width: 1100px) {
  .jnqxj_box{
    width: 98%;
    margin: 0 auto;
    min-height: 300px;
  }
  .jnqxj_footer_box{
    width: 98%;
    min-height: 110px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    color: #FFFFFF;
  }
  .jnqxj_nav>ul>li>span>a{
    font-size: 15px;
  }
  .jnqxj_sel_right_sj_vx1{
    width: 47%;
  }
  .jnqxj_sel_right_sj_vx1 img{
    width: 100%;
  }
  .jnqxj_sel_right_sj_vx{
    height: 195px;
  }
}