@charset "utf-8";

*{ margin:0; padding:0;}
a{ text-decoration:none; color:#fff;}

a:hover{ color:#f6cb14}
.navclass a{ padding: 5px 10px;}

ul li{
    list-style: none;
}
img{ border:0 none;}
.floatright{
    float: right;
    margin-right: 5%;
}
.imgtop{
	border-radius:50%;width:30px;height:30px;background-color:#adadad;text-align:center;margin: 0 auto;
}
.navclass ul li a:hover{color:#fff}
.fontsizt{
    font-size: 17px;
    font-weight: 600;
}
body{
	margin:0 auto;
	font-family:Arial,Microsoft Yahei;
	font-size:13px;color:#fff;  
	background:url(../images/bg.png)  no-repeat top center #def7ff;
    background-size: 100%;padding:0;}
.on{
    background: #f6cb14;
    /*padding: 5px 20px;*/
    border-radius: 10px;
	color:#ffffff
}
#head{
    height: 300px;
}
#head .headimg{
    padding: 40px 140px;
}
#head .nav{
    width: 1200px;
    height: 50px;
	margin: 0 auto;
    line-height: 50px;
    background-color: #2a4c96;
    border-radius: 18px 18px 0 0;
    text-align: center;
    font-size: 1.2em;
    position: relative;
    color: #bedbf0;
}
.nav div{
    float: left;
}
.top1{
   margin: -10px auto;
    text-align: right;
    width: 1200px;
	position: absolute;
	top:161px;
}
.nav .navclass{
    float: right;
    margin-right: 6%;
}
#scroll_left_area1{
	line-height: 35px
}
.nav img{
    position: absolute;
    margin:13px 15px 0 50px ;
    width: 25px;
}
.nav span{
    margin-left: 100px;
    /*margin-right: 260px;*/
    margin-right: 100px;
}
.nav ul{
    float: right;
}
.nav ul li{
    margin-left: 25px;
    float: left;
}
.nav ul li a{
    text-align: center;
}

.fix{
  left: 1.4%;
    position: fixed;
    top: 40%;
}
#centre{
    width: 1200px;
    height: 1200px;
    margin: -176px auto;
    /*background: #fff;*/
    /*border:1px solid red;*/
}
#centre .top{
    width: 100%;
}
#centre .top .topclass{
    clear: both;
    height: 400px;
    /*border: 1px solid royalblue;*/
}
#centre .top .topclass .topleft{
    width: 25%;
    height: 400px;
    float: left;
    background: #2e7ec8;
}
.yujing {
    /*height: 40px;*/
    position: relative;
    /*line-height: 37px;*/
    line-height: 27px;
    font-size: 16px;
    padding-left: 20px;
    color: #f6cb14;
    background-color: #459bd4;
}
#constr td a{
	color: #f6cb14;
}
#centre .top .topclass .p1 span{
    color:#fff;
}
.topleft .live{
    /*height: 200px;*/
    text-align: center;
    font-size:14px;
    padding-bottom: 10px;
    /*background: url(../images/yt.png) no-repeat left;*/
}

.topleft .live .temp{
    font-size: 6.5em;
}
.topleft .live b{
    font-size: 1.8em;
}
.topleft .fore4 {
    width: 96%;
    margin: 0 auto;
    height: 240px;
    /*background-color: #1862b3;*/
    margin-bottom: 5px;
    /*background: url(../images/yt.png) no-repeat left;*/
}
.topleft .fore4 ul li{
    float: left;
    width: 24.5%;
    height: 200px;
    line-height:25px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background: url(../images/livebg.png) repeat-x;
    /*background-size: 120%;*/
	border-right:#689dd5 solid 1px;
}
.fore4 ul li:last-child{
	border:none;
}
.fore4bg{
    background-color: #7ea9f4;
}
.topleft .fore4 ul li img{
    width: 60%;
}
#centre .top .topclass .topright{
    width: 30%;
    height: 300px;
    float: left;
	background-color: #fff;
    /*border: 1px solid red;*/
}
.topright img{
    width: 100%;
    height: 100%;
}
.video_live24{
    height: 330px;
    padding: 10px;
    background-color: #fff;
    /*border: 1px solid rosybrown;*/
}
.video_live24 .video{
    width: 24%;
    padding-right:10px;
    height: 235px;
    float: left;
}
.video_live24 .video .shpin {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #fff;
    background-color: black;
}
.video_live24 .live24{
    width: 74.8%;
    height: 330px;
    float: left;
    border: 1px solid #799cbc;
}
.video_live24 .live24 .title{
    height: 35px;
    line-height: 35px;
    background-color: #4b9df6;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 15px;
}
.chart-area {
    float: right;
    margin-right: 5%;
}
.chart-area ul li{
    width: 80px;
    height: 27px;
    margin: 8px 2px 0 0;
    float: left;
    background: #a5cefe;
    text-align: center;
    border-radius: 8px 8px 0 0;
}
.chart-area a{
   color: #408fe1;
    font-weight: 500;
}
.chart-area .on{
    background: #fff;
}


.weather_fore7{
    height: 300px;
    padding: 10px;
    background-color: #fff;
}
.weather_fore7 .weather{
    width: 24%;
    padding-right:10px;
    height: 300px;
    float: left;
}
.weather_fore7 .fore7{
    width: 74.8%;
    height: 300px;
    float: left;
}

.weather_fore7 .weather .title,.info .title,.index .title{
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    background-color: #0295d6;

}
.weather_fore7 .weather .title a,.info .title a{
    padding-left: 55%;
}
.index .title a{
     float: right;
    margin-right: 4%;
 }
.weather_fore7 .weather .tab{
    width: 100%;
    padding: 12px 5% 0 5%;
    background-color: #ebebeb;
}
.weather_fore7 .weather .tab thead{
    margin-top: 20px;
}
.weather_fore7 .weather .tab .temp{
    color: #4093c3;
}
.weather_fore7 .weather .tab ul:first-child{
    padding-top: 50px;
}
.weather_fore7 .weather .tab ul{
    width: 33%;
    color: #0a0a0a;
}
.weather_fore7 .fore7{
    border: 1px solid #aac2d7;
}
.weather_fore7 .fore7 .foretlt{
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    background-color: #0295d6;
}
.weather_fore7 .fore7 .foretlt .fbtime{
    margin-left: 56%;
}
.weather_fore7 .fore7 .foretlt .sele,.video_live24 .live24 .title .sele{
    margin-left: 30px;
    width:100px;
    color: #4396e3;
    height: 25px;
    position: relative;
    /*top: -1.5px;*/
}
.weather_fore7 .fore7 .foretlt .seleimg,.video_live24 .live24 .title .seleimg {
    position: absolute;
    margin: 5.5px 0 0 -22px;
}

.weather_fore7 .fore7d ul{
    width: 100%;
    margin: 0 auto;
    height: 240px;
    color: black;
    margin: 15px 0 0;
}
.fore7d ul li img{
	width:60px;
}
.weather_fore7 .fore7d ul li{
    float: left;
    width: 20%;
    height: 30px;
    line-height:22px;
    text-align: center;
    font-size: 14px;
	color: #444444;
}

.info_index{
    padding: 10px;
    height: 310px;
    background-color: #fff;
    /*border: 1px solid #46babc;*/
}
.info_index .info{
    width: 24%;
    padding-right:10px;
    height: 300px;
    float: left;
}
.info_index .index{
    width: 99.8%;
    /*height: 300px;*/
    float: left;
    border: 1px solid #bdcfdf;
}
.info_index .info .txt1{
    background-color: #ebebeb;
}
.info_index .info .txt1 p{
    padding: 2% 3%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #4986a3;
}
.info_index .info .txt1 p a{
    color: #4986a3;
}
.info_index .info .txt1 p a:hover{
    text-decoration:underline;
}
.info_index .info .txt2{
    margin: 10px 0;
    height: 75px;
    /*background: url(../images/qxsh.png) no-repeat top;*/
    background: url(../images/qxbtbg.png) no-repeat top;
    background-size: 100%;
    background-color: #ebebeb;
    color: #3886cb;
    padding:8% 4%;
}
.info_index .info .txt2 .div1{
    float: left;
    margin-right: 15px;
}
.info_index .info .txt2 .div1 a{
    color: #3886cb;
}
.classsizt{
    font-size: 1.2em;
    font-weight: 700;
}
.info_index .info .txt2 .spn1{
    width: 142px;
    margin-top: 5px;

}
.info_index .index .indexs {
    width: 28%;
    height: 94px;
    /*border: 1px solid red;*/
    color: #1e5396;
    float: left;
    padding: 2% 0% 2% 4%;

}
.info_index .index .indexs p{
    float: left;
}
.info_index .index .indexs .ms{
    width: 45%;
    height: 74px;
    border: 1px solid #a7d6e8;
    background: url(../images/index_bj.png) no-repeat left;
    background-size: 110%;
    padding: 2% 6% 6% 6%;
}
.info_index .index .indexs .ms b{
    font-size: 2em;
}
.info_index .index .indexs .ms span{
    height:50px;
    display: inline-block;
    overflow: hidden;
}

.foot{
    width: 1200px;
    height: 282px;
    margin: 0px auto;
    padding-top: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    clear:both;
    color: #fff;
    /*border: 1px solid red;*/
}
.foota{
    width: 99%;
    margin: 0 auto
}
.foot div{
    height: 35px;
    line-height: 35px;
    background-color: #40bdef;
    text-align: center;
    /*float: left;*/
}
.foot div a{
    margin:0 30px;
}
.foot p{
    color: black;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
.foot p a{ color:#000;}
.foot .lj{
    margin: 20px auto;
    color: #00a0e9;
    background-color: #fff;
}
.foot .lj ul li{
    
    float: left;
    width: 32%;
 }
.foot .lj ul li select{
    width:60% ;
     height: 30px;
    line-height: 30px;
    color: #00a0e9;
    padding: 0 2px;
 }
.foot .lj a{
    color: #00a0e9;
}
.foot .lj a:hover{
    text-decoration: underline;
}
.foot .img{
    float: right;
    margin-top: -8px;
}
.foot .img img{
    margin-top: -120px;
    margin-right: 30px;
 }
.footp{
    margin-top: 30px;
}


/*气象资讯-气象科普*/
.list{
    width: 1200px;
    position: relative;
    margin: 0 auto;
    margin-top: -60px;
    padding: 10px 0;
    background-color: #fff;
    overflow: hidden;
}
.list .listleft{
    width: 21%;
    /*height: 480px;*/
    float: left;
    margin: 2% 2% 2% 3%;
    color: #5b5b5b;
    /*border: 1px solid rebeccapurple;*/
}
.list .listleft .left{
    margin-bottom: 25px;
    cursor: pointer;
    background: url(../images/list_bg2.png) no-repeat top;
    background-size: 100%;
}
.list .listleft .left .leftclass{
    height: 50px;
}
.list .listleft .left .txt{
    margin: -45px 0px 0px 100px;
    font-size: 1.2em;
    font-weight: bold;
}
.list .listleft .left a{
    color: #5b5b5b;
}
.leftclass .colorc{
    color: #fab424;
}
.list .listleft .left .img{
    margin: -12px 0px 1px 17px;
    z-index: 999;
}
.list .listleft .left .leftsele{
    padding-bottom: 30px;
    margin-top: -10px;
    background: url(../images/list_bg1.png) no-repeat top;
    display: none;
}
.leftsele_science{
    padding-bottom: 30px;
    margin-top: -10px;
    background-color: #f2f2f2;
    display: none;	
}
.list .listleft .left ul{
   padding-top: 10px;
}
.list .listleft .left ul li{
    /*padding-top: 30px;*/
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    /*border: 1px solid red;*/
}
.list .listleft .left ul .li1{
    margin-top: 30px;
}
.list .listleft .left ul .cor a{
    color: #fab424;
}
.list .listleft .left ul li img{
    margin: 0 20px 0 70px;
}
.list .listleft .left ul li a{
    color: #0ea2ca;
}
.list .listright{
    width: 71%;
    margin: 2% 2% 2% 0%;
    padding-bottom: 20px;
    /*min-height: 480px;*/
    float: left;
    border: 1px solid #a7bed5;
}
.list .listright .title,.scienceinfo .title{
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    background-color: #00a0e9;
    font-weight: bold;
}
.list .listright .title span,.scienceinfo .title span{
    float: right;
    margin-right: 5%;
    color: #c8f0ff;
}
.list .listright .tab{
    width: 94%;
    margin: 3%;
    line-height: 30px;
    /*height: 400px;*/
    border-collapse:collapse;
}
.list .listright .tab ul{
    line-height: 33px;
    color: #5b5b5b;
}

.list .listright .tab ul li a{
    color: #5b5b5b;
}
.list .listright .tab ul li a:hover{
    color: #00a0d2;
}
.list .listright .tab ul li{
   padding-left: 5%;
}
.list .listright .tab li:nth-child(odd) {
     background: #ededed;
 }
/*分页处理*/
.disabled{

}
.active{
    background-color: #168cb6;
    color: #fff;
    height: 22px;
    width: 27px;
    margin: -3px 4px 0px 2px;
    text-align: center;
    line-height: 22px;
}
.pagination{
    width: 90%;
    margin: 0 auto;
	padding: 330px 8px 20px 50px;
    color: #000;	
}
.pagination li{
	float:left;
}
.pagination a {
    font-size: 14px;
    padding: 2px 8px;
    margin-right:10px;
    border: 1px solid #999;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    border-radius: 1px;
}
.page .bgcolor{
    background-color: #168cb6;
    color: #fff;
}

/*气象资讯-气象科普内容*/
.scienceinfo{
    width: 71%;
    margin: 2% 2% 2% 0%;
    min-height: 480px;
    float: left;
    border: 1px solid #a7bed5;
}
.scienceinfo .infotitle{
    width: 90%;
    height: 80px;
    line-height: 30px;
    margin: 0 auto;
    color: #444343;
    text-align: center;
    border-bottom: 1px solid #898989;
}
.scienceinfo .infotitle h3{
    margin-top: 20px;
    font-size: 1.6em;
}
.scienceinfo .info{
    width: 90%;
    height: 300px;
    line-height: 25px;
    margin: 20px auto;
    text-indent: 2em;
    color: #444343;
    overflow-y: auto ;
    background: #fff;
}
/*气象资讯*/
/*#div{*/
    /*height: 1200px;*/
    /*background: #fff;*/
/*}*/
.content{
    width: 1200px;
    /*height: 1100px;*/
    margin: -60px auto;
    background: #fff;
    padding-bottom: 20px;
}
.content .contenttop{
    padding: 2% 0%;
    height: 510px;
    /*border: 1px solid red;*/
    margin-bottom: 20px;
}
.contenttop .tleft,.contentbom .bleft{
    width: 72%;
    margin-left: 2%;
    float: left;
    /*border: 1px solid red;*/
}
.tleft .tleft1{
    /*height: 500px;*/
    width: 45%;
    float: left;
    /*border: 1px solid red;*/
}
.tleft .tleft1 img{
    width: 100%
}
.tleft .tleft1 .c1{
    height: 30px;
	font-weight: bold;
    line-height: 30px;
    text-align: center;
    background: #2580dc;
}
.tleft .tleft1 .zt{
    height: 210px;
    margin: 10px 0;
    padding: 2% 6%;
    background: #edf6f9;
    color: #207baf;
    border: 1px solid #d2eff9;
}
.tleft .tleft1 .zt .tit{
     height: 40px;
    line-height: 40px;
    background: url(../images/ztzj.png) no-repeat left;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.tleft .tleft1 .zt .info{
    height: 60px;
}
.tleft .tleft1 .zt .info a,.infolist a{
    color: #207baf;
}
.infolist a:hover,.rleft .rleft_list p a:hover{
    color: blue;
}
.tleft .tleft1 .zt .infolist{
    height: 70px;
    line-height: 25px;
    background: #d9eaf0;
    margin-top: 5px;
    padding: 4% 6%;
    border-top: 2px solid #2548ce;
}
.infolist .tu{
    width: 5px;
    height: 5px;
    margin-right: 10px;
    display: inline-block;
    background-color: #4d748a;
}
.tu1{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    background-color: dimgrey;
}
.tleft .tleft2{
    /*height: 500px;*/
    width: 52%;
    margin-left: 2%;
    float: left;
    /*border: 1px solid teal;*/
    color: #a1a2a2;
}
.tleft .tleft2 a{
    color: dimgrey;
}
.tleft .tleft2 .left2tab{
    width: 100%;
    height: 220px;
    margin-top: 20px;
    /*border: 1px solid #6affb9;*/
}
.tleft .tleft2 .left2tab2{
    height: 160px;
}
.tleft .tleft2 .left2tab tr{
    padding: 0 5%;
    line-height: 25px;
    text-align: left;
    font-size: 16px;
}
.tleft .tleft2  .ftr{
    height: 40px;
    line-height: 40px;
    border-top:2px solid #1770a9;
    border-bottom: 1px solid #efe8e8;
    color: #1770a9;
    font-size: 16px;
    font-weight: 500;
}
.ftr .floatright a:hover{
    color: #1770a9;
    text-decoration: underline;
}
#qxcs{
    margin-top: 35px;
}
.tleft .tleft2 .left2tab tr td p{
    width: 356px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.tleft .tleft2 .left2tab tr td p a:hover{
    color: #47abf1;
    text-decoration: underline;
}
.contenttop .rleft,.bright{
    width: 22%;
    margin-left: 2%;
    float: left;
    /*border: 1px solid red;*/
}
.contenttop .rleft .rleft_tj{
    height: 30px;
    line-height: 30px;
    padding: 0 5%;
    background: #0294d4;
}
.rleft_tj .floatright a:hover{
    color: #fff;
    text-decoration: underline;
}
.contenttop .rleft .rleft_list{
    height: 180px;
    line-height: 25px;
    padding: 2% 5%;
    background: #ebebeb;
    color: #356986;
}
.contenttop .rleft .rleft_list p,.dlweather .dllist p,.infolist p,.bleft_classbom p{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.contenttop .rleft .rleft_list a{
    color: #356986;
	font-size:14px;
}
 .rleft_class{
    height: 80px;
    padding: 12% 5%;
    margin: 15px 0;
    background-color: #ebebeb;
    color: #23759e;
}
 #ls{
     background: url(../images/qxbtbg.png) no-repeat top;
     background-size: 100%;
     background-color: #ebebeb;
 }
#dq{
    background: url(../images/qxbtbg.png) no-repeat top;
    background-size: 100%;
    background-color: #ebebeb;
}
#warn{
    margin-top: 0px;
    background: url(../images/qxbtbg.png) no-repeat top;
    background-size: 100%;
    background-color: #ebebeb;
}
 .rleft_class .rleft_class1{
    width: 35%;
     height: 80px;
    float: left;
}
.rleft_class .rleft_class1 img{
    width: 100%;
    height: 100%;
}
 .rleft_class .rleft_class2{
    width: 60%;
    line-height: 20px;
    float: left;
    height: 80px;
    margin-left:5%;
     /*overflow: hidden;*/
}
 .rleft_class .rleft_class2 h3{
    font-weight: 600;
}
.content .contentbom{
    padding-bottom: 2%;
    height: 400px;
    /*border: 1px solid #9971ff;*/
}
.content .contentbom .bleft{
   border: 1px solid #a5dbec;
    /*background: url(../images/bkbj.png) no-repeat center;*/

}

.content .contentbom .bleft .bleft_class{
    width: 45.5%;
    border-right: 1px solid #35a9dd;
     color: dimgrey;
    margin: 1% 1% 1% 3%;
    float: left;

}
.bleft_txt{
    font-size: 17px;
    font-weight: 600;
}
.content .contentbom .bleft .bleft_class a{
    color: #414344;
	font-size:16px;
}
.bleft_class .bleft_classtop{
    height: 30px;
    line-height: 30px;
    /*border: 1px solid red;*/
}
.kuang{
    height: 15px;
    width: 60%;
    display: inline-block;
    margin: 0 10px;
    background-color: #e7e7e8;
    /*border: 1px solid red;*/
}
.bleft_class .bleft_classbom{
    /*border: 1px solid red;*/
    width: 90%;
    line-height: 30px;
    padding: 15px 2%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.bleft_class .bleft_classbom a:hover,.bleft_classtop a:hover{
    color: blue;
    text-decoration: underline;
}
.dlweather{
    margin-top: 24px;
    padding: 4.5% 5%;
    background-color: #ebebeb;
}
.dlweather .dltlt{
    height: 30px;
    line-height: 30px;
    background-color: #0294d4;
     padding: 0 5%;
}
.dlweather .dllist{
    line-height: 25px;
    padding: 4% 5%;
    background-color: #ebebeb;
    color: #0294d4;
}
.dlweather .dllist a{
    color: #0294d4;
}
/*雷达回波图*/
.ldhb{
    width: 1200px;
    margin: 0px auto;
    margin-top: -60px;
    background: #fff;
    padding-bottom:30px ;
    overflow: hidden;
}
.ldhbleft{
    width: 20%;
    /*height: 480px;*/
    float: left;
    margin: 2% 2% 2% 3%;
    color: #5b5b5b;
}
.ldhbleft1{
    height: 50px;
    line-height: 50px;
    padding: 10px 20px;
    background: url(../images/ldhb1.png) no-repeat top;
    background-size: 100%;
    margin-bottom: 10px;
    border: 1px solid #dadadb;
}
.ldhbleft1 a{
    color: #3aa6fe;
    font-size: 20px;
    font-weight: 600;
}
.ldhbcor a{
    color: red;
}
.ldhbright{
    width: 71%;
    margin: 2% 2% 2% 1%;
    min-height: 480px;
    float: left;
    border: 1px solid #a7bed5;
}
.ldhbright .title{
    height: 35px;
    line-height: 35px;
    background-color: #4b9df6;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 15px;
}
.ldhbright .title span{
    float: right;
    margin-right: 5%;
}
.ldhbright .ldhbimg{
    width: 90%;
    margin: 0 auto;
    color: black;
    text-align: center;
    /*border: 1px solid red;*/
}
.ldhbright .ldhb_bf{
    height: 60px;
    line-height: 60px;
    padding-left: 60px;
}
.ldhbright .ldhb_bf a{
     width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    background: #47abf1;
    border-radius: 2px;
    margin-right: 30px;
}
.infotitle {
    border-bottom: 1px solid #898989;
    color: #444343;
    height: 80px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
.infotitle h3 {
    font-size: 1.6em;
    margin-top: 20px;
}
.listright .info {
    color: #444343;
    line-height: 25px;
    margin: 20px auto;
    text-indent: 2em;
    width: 90%;
}
.info p a{
	color: #444343;
}
/*专业产品*/
.zycpinfo{
    width: 98%;
    margin: 0px auto;
    margin-top: 10px;
    background-color: #fbfdff;
}
.zycpinfo .zycpinfo1{
    width: 98%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px dashed #86bdec;
}
.zycpinfo .zycpclass{
    width: 42%;
    color: #585655;
    overflow: hidden;
    /*border: 1px solid red;*/
    margin:2% 0 0 4%;
    float: left;
}
.zycpinfo .zycpclass .span1{
     width: 30%;
     height: 50px;
     display: inline-block;
     float: left;
    padding: 25px 0 5px 0;
    border: 1px solid dodgerblue;
 }
.zycpinfo .zycpclass #img1{
    background: url(../images/tlcp.png) no-repeat;
    background-size: 120%;
}
.zycpinfo .zycpclass #img2{
    background: url(../images/hqcp.png) no-repeat;
    background-size: 120%;
}
.zycpinfo .zycpclass #img3{
    background: url(../images/hxcp.png) no-repeat;
    background-size: 160%;
}
.zycpinfo .zycpclass .span1 img{
    width: 70%;
    float: right;
    margin-top: 25%;
}
.zycpinfo .zycpclass .span2{
    width: 63%;
    height: 60px;
    line-height: 25px;
    margin-left: 5%;
    display: inline-block;
    float: left;
}
.zycpinfo .zycpclass .span2 h3{
    color: #4ca449;
}
.zycpinfo .zycpclass a{
    color: #585655;
}



.indexsall p {
    float: left;
}
.indexsall .ms {
    background: rgba(0, 0, 0, 0) url("../images/index_bj.png") no-repeat scroll left center / 110% auto;
    border: 1px solid #a7d6e8;
    height: 72px;
    padding: 2% 6% 6%;
    width: 41%;
}
.indexsall .ms span {
    display: inline-block;
    height: 50px;
    overflow: hidden;
}
.fore5d ul {
    color: black;
    height: 240px;
    margin: 0 auto 5px;
    width: 100%;
}
.fore5d ul li {
   float: left;
    font-size: 14px;
    height: 30px;
    line-height: 35px;
    margin-top: 37px;
    text-align: center;
    width: 20%;
}
/*.listright_dl{width: 71%;margin: 2% 2% 2% 0%;min-height: 480px;float: left;border: 1px solid #a7bed5;}*/
.listright_dl{width: 98%;margin: 2% 2% 2% 0%;min-height: 480px;float: left;/*border: 1px solid #a7bed5;*/}
.listright_dl .title_dl{ height: 35px;line-height: 35px;padding-left: 30px;/*background-color: #00a0e9;*/}
/* .listright_dl .title_dl span{color: #fff;}*/
 .listright_dl .title_dl span{color: #333;}
.listright_dl .tab{width: 94%;margin: 3%;line-height: 30px;border-collapse:collapse;}
.listright_dl .tab ul{height: 33px;line-height: 33px;color: #5b5b5b;}
.listright_dl .tab ul li a{color: #5b5b5b;}
.listright_dl .tab ul li a:hover{color: #00a0d2;}
.listright_dl .tab ul li{padding-left: 5%;}
.listright_dl .tab li:nth-child(odd) {background: #ededed;}
 .dl_sele2{margin-left:60%}

.map-forecast {height: 600px;width: 100%}
.txt2_bt_class {
    color: #fff;
    position: absolute;
    margin-top: -20px;
    margin-left: 202px;
}