/*main*/
.main{ width: 100%; height: auto; float: left; }
.main .main-body{ width: 1210px; height: auto; margin: 0 auto; }
.main .main-body .announ{ width: 100%; height: 60px; float: left; overflow: hidden; }
.main .main-body .announ p{background: url(imgannoun.png) no-repeat 10px; font-size: 16px; color: #2d5a9d; text-indent: 45px; display:  block; float: left; width: 120px; height: 60px; overflow: hidden; line-height: 60px; }
#marquee5{height:35px;width:1075px;overflow:hidden; margin-top: 15px;}
#marquee5 #con1,#con2{width:1075px;float:left;}
#marquee5 li{width: 100%; height: 35px;line-height:35px;text-align:center;text-overflow:ellipsis; font-style: normal;
white-space: nowrap;}
#marquee5 li i{  float: left; height: 100%; overflow: hidden; font-size: 14px; color: #323232; overflow: hidden;
text-overflow:ellipsis; font-style: normal;
white-space: nowrap;}
#marquee5 li span{margin-right: 20px; float: left; height: 100%; overflow: hidden; font-size: 14px; color: #bfbfbf; }

/*灾情预警*/
.main .main-body .disaster{ margin-bottom: 20px; width: 100%; float: left; height: 95px; overflow: hidden; background: #f39800; }
.disaster .disaster-l{ margin-top: 17px; width: 115px; float: left; height: 60px; overflow: hidden; border-right: 1px solid #f9cc80;  }
.disaster .disaster-l p{ display: block; width: 100%; height: 35px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold;
text-align: center; }
.disaster .disaster-l a{ display: block; width: 100%; float: left; height: 25px; line-height: 30px; font-size: 14px; color: #fff45c;
 text-align: center; }
.disaster .disaster-c{ width: 1040px; height: 60px; float: left; margin-top: 17px; overflow: hidden; }
.disaster .disaster-c img{ margin-left: 25px; margin-right: 21px; display: block; float: left; margin-top: 4px; }
.disaster .disaster-c p{ width: 926px; float: left; display: block; height: 30px; line-height: 30px; text-overflow:ellipsis; font-style: normal;
white-space: nowrap; overflow: hidden; font-size: 14px; color: #ffffff; }
.disaster .disaster-c span{width: 926px; height: 30px; line-height: 30px; float: left; font-size: 12px; color: #fff799; text-overflow:ellipsis; font-style: normal;
white-space: nowrap; overflow: hidden;}
.disaster .disaster-c span a{color: #fff799;}
.disaster .disaster-r{ width: 35px; height: 75px; float: left; background: #f8c166; border-radius: 5px; margin-top: 10px;
 overflow: hidden; text-align: center; line-height: 75px; font-size: 14px; color: #ffffff; cursor: pointer; }
/*end 灾情*/

/*内容*/
.content{ width: 100%; float: left; height: auto; margin-bottom: 30px;  }
.content .content-t{ width: 100%; float: left; height: 130px; background: #fff; margin-bottom: 35px;
 overflow: hidden;       box-shadow: 0px 0px 10px 2px #e8e8e8; }
.content .content-t p{ display: block; width: 100%; float: left; height: 60px; line-height: 60px;
 font-size: 40px; color: #2d5a9d; font-weight: bold; text-align: center; margin-top: 10px;text-overflow:ellipsis;
white-space: nowrap; overflow: hidden; }
.content .content-t span{ display: block; width: 100%; height: 40px; line-height: 40px; float: left;
 color: #c9c9c9; text-align: center;text-overflow:ellipsis;
white-space: nowrap; overflow: hidden; }
.content .content-t span a{ font-size: 14px; color: #626262;  }
.content .content-l{ width: 705px; height: 560px; float: left; overflow: hidden; position: relative; }

.content-l .swiper-container {height: 440px;width: 705px;}
.content-l .content-slide {padding: 20px;color: #fff;}
.content-l .pagination {position: absolute;right: 10px;text-align: center;bottom:133px;
width: 50px;z-index: 99;}
.content-l .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;
background:url(imgpic1.png);margin: 0 3px;cursor: pointer;}
.content-l .swiper-active-switch {background:url(imgpic2.png);}
.content-l .swiper-slide{ position: relative;  }
.content-l .swiper-container .swiper-wrapper .swiper-slide span{ position: absolute; bottom: 0; left: 0; height: 65px; line-height: 65px; width: 100%; 
   background: url(imgnav-bg.png); font-size: 16px; color: #ffffff; text-indent: 2em;background-size: 100% 100%;
}
.content-l .mar{ width: 100%; height: 100px; float: left; margin-top:20px; overflow: hidden;}
.multiple-items {width:660px;height:100px;overflow:hidden; position: relative;}
.content-l .mar p{text-align: center; margin-right: 12px; width: 33px; float: left; height: 160px; overflow: hidden; background: #2d5a9d;}
.content-l .mar p a{ width: 14px; float: left;height: auto; color: #fff; font-size: 14px; margin-left: 10px; margin-top: 20px;line-height: 15px;} 

.multiple-items img {width:155px; height:100px;}
.slick-slide{ width: 165px ! important; background: #fff;  }
.slick-prev{width: 27px ! important; height: 47px ! important; left: 0 ! important; background: url(imgleft.png) no-repeat ! important;}
.slick-next{right: 9px ! important;width: 27px ! important; height: 47px ! important; background: url(imgright.png) no-repeat ! important;}
.slick-next:before{content: none ! important;}
.slick-prev:before{content: none ! important;}

.content .content-r{ width: 485px; height: 560px; float: left; overflow: hidden; margin-left: 10px; }
.content .content-r .nineteen{ width: 100%; height: 100px; float: left; overflow: hidden; margin-top: 20px;}
.content-r .tabbox{width:485px;height:440px;background:#fff; float: left;}
.content-r .tabbox .tab{overflow:hidden;background:#ccc; height: 58px; width: 100%; float: left; background: #2d5a9d;
}
.content-r .tabbox .tab p{width: 123px; height: 47px; line-height: 47px; text-align: center;
font-size: 16px; font-weight: bold; margin-top: 11px; margin-left: 10px; border-radius:5px 5px 0 0 ; 
display:block;float:left;text-decoration:none;color:#fff;}
.content-r .tabbox .tab span{ font-size: 14px; color: #fff; float: right; line-height: 60px; width: 55px; 
text-align: center; }
.content-r .tabbox .tab span a{ color: #fff; }
.content-r .tabbox .tab p:hover{background:#ffffff;color:#2d5a9d;text-decoration:none;}
.content-r .tabbox .tab p.on{background:#ffffff;color:#2d5a9d;text-decoration:none;}
.content-r .tabbox .content{overflow:hidden;}
.content-r .tabbox .content li{display:none; width: 100%; float: left;}
.content-r .tabbox .content li p{ width: 100%; float: left; display: block; height: 39px; overflow: hidden;
 }
.content-r .tabbox .content li p i{ font-size: 14px; float: left; display: block; width: 85%; height: 39px;
 font-style: normal;text-overflow:ellipsis; background: url(imgtab-bg.png) no-repeat 5px;color: #434343;
white-space: nowrap; overflow: hidden; line-height: 39px; text-indent: 15px;}
.content-r .tabbox .content li p em{ font-size: 12px; float: left; width: 15%; height: 39px; font-style: normal;
color: #a0a0a0; line-height: 39px; }
/*end 内容*/

/*信息公开*/
.infor{ width: 100%; float: left; height: auto; }
.infor .infor-l{width: 705px; height: 435px; float: left; overflow: hidden; }
.infor .infor-l .infor-l-t{ width: 100%; float: left; height: 55px; background: #2d5a9d; border-top: 3px solid #f39800;
 }
.infor .infor-l .infor-l-t p{ width: 200px; float: left; display: block; height: 100%; overflow: hidden;
font-size: 16px; color: #fff; font-weight: bold; background: url(imginfor-bg.png) no-repeat 20px; text-indent: 38px;
line-height: 55px; }
.infor .infor-l .infor-l-t span{ width: 80px; height: 55px; float: right; line-height: 55px; overflow: hidden;
font-size: 12px; color: #fff; text-align: center; }
.infor .infor-l .infor-l-t span a{ color: #fff; }
.infor .infor-l .infor-l-l{ width: 215px; float: left; height: 375px; overflow: hidden; background: #f6f6f6; }
.infor .infor-l .infor-l-l p{ display: block; width: 100%; float: left; height: 25px; line-height: 25px; margin-top: 12px;
 font-size: 14px; color: #313131; background: url(imgtriangle-bg.png) no-repeat 40px;
  text-indent: 65px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.infor .infor-l .infor-l-r{padding: 0 0 0 30px; width: 460px; float: left; height: 375px; overflow: hidden; }
.infor .infor-l .infor-l-r p{ width: 100%; float: left; height: 50px; display: block; line-height: 50px;
font-size: 16px; color: #2d5a9d; font-weight: bold; border-bottom: 1px solid #eeeeee; margin-bottom: 10px;  }
.infor .infor-l .infor-l-r p a{ color: #2d5a9d; }
.infor .infor-l .infor-l-r span{display: block; width: 100%; float: left; height: 40px; line-height: 40px; overflow: hidden;
 }
.infor .infor-l .infor-l-r span i{ display: block; width: 80%; float: left; height: 40px; font-style: normal; 
white-space: nowrap; overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #434343;}
.infor .infor-l .infor-l-r span em{display: block; width: 20%; float: left; height: 40px; font-style: normal; 
white-space: nowrap; overflow: hidden;text-overflow:ellipsis; font-size: 12px; color: #a8a8a8; text-align: center;}

.infor .infor-r{width: 485px; height: 435px; float: left; overflow: hidden; margin-left: 10px; }
.infor .infor-r .infor-r-t{ width: 100%; float: left; overflow: hidden; height: 110px; overflow: hidden;
 }
.infor .infor-r .infor-r-b{ margin-top: 20px; width: 100%; float: left; height: 305px; overflow: hidden; }
.infor-r-b .tabbox2{width:100%;height:325px;}
.infor-r-b .tabbox2 .tab2{overflow:hidden; width: 505px; height: 118px; overflow: hidden;float: left;}
.infor-r-b .tabbox2 .tab2 p{text-align: center; line-height: 170px; font-size: 16px; color: #bfbfbf;
 display:block;width: 106px; height: 118px; margin-right: 20px; float:left;text-decoration:none;}
.infor-r-b .tabbox2 .tab2 p a{width: 106px; color: #bfbfbf; height: 118px; display: block; }
.infor-r-b .tabbox2 .tab2 p:hover{ color: #fff; }
.infor-r-b .tabbox2 .tab2 p.on{text-decoration:none;}
.infor-r-b .tabbox2 .tab2 .infor1{ background: url(imginfor-1.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .on .infor1{ background: url(imginfor-12.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .on .infor1{}
.infor-r-b .tabbox2 .tab2 .infor2{ background: url(imginfor-2.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .on .infor2{ background: url(imginfor-22.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .infor3{ background: url(imginfor-3.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .on .infor3{ background: url(imginfor-32.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .infor4{ background: url(imginfor-4.png) no-repeat; }
.infor-r-b .tabbox2 .tab2 .on .infor4{ background: url(imginfor-42.png) no-repeat; }
.infor-r-b .tabbox2 .content2{overflow:hidden; width: 100%; height: 180px; float: left;}
.infor-r-b .tabbox2 .content2 li{display:none;}
.infor-r-b .tabbox2 .content2 .cont2 p{ width: 100%; float: left; height: 35px; line-height: 35px;
font-size: 14px; color: #2d5a9d; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
/*end 信息公开*/

/*专题专栏*/
.colum{ width: 100%; float: left; height: 135px; overflow: hidden;  margin-top: 35px; margin-bottom: 40px;
 }
.colum .colum-l{ width: 50px; height: 135px; float: left; overflow: hidden; background: url(imgcolum-bg.png) no-repeat left;
 }
.colum .colum-l p{ width: 20px; float: left; height: 80px; display: block; font-size: 16px; color: #fff;
 margin-left: 12px; margin-top: 25px; }
.colum .colum-l p a{color: #fff;}
.colum .colum-r{ width: 1160px; float: left; height: 135px; overflow: hidden;  position: relative;}
.colum-r .swiper-container2 {margin-left: 55px; width: 1045px;height: 130px;color: #fff;text-align: center; overflow: hidden;}
.colum-r .swiper-slide{ width: 300px ! important; height: 130px ! important; margin-right: 10px; }
.colum-r .swiper-wrapper{ width: 1045px; height: 130px; overflow: hidden; }
.colum-r .swiper-visible-switch { background: #aaa;}
.colum-r .swiper-active-switch {background: #fff;}
.colum-r .arrow-left {background: url(imgarrows-l.png) no-repeat left top;position: absolute;
left: 10px;top: 50%;margin-top: -15px;width: 35px;height: 35px;z-index: 99;}
.colum-r .arrow-right {background: url(imgarrows-r.png) no-repeat left bottom;position: absolute;
right: 10px;top: 50%;margin-top: -15px;width: 35px;height: 35px;z-index: 99;}
/*end 专题*/

/*气象视频*/
.video{ width: 100%; float: left; height: auto;}
.video .video-t{ width: 100%; height: 55px; float: left; background: #2d5a9d; border-top: 3px solid #f39800;
overflow: hidden;}
.video .video-t p{width: 200px;float: left;display: block;height: 100%;overflow: hidden;font-size: 16px;
color: #fff;font-weight: bold;background: url(imginfor-bg.png) no-repeat 20px;text-indent: 38px;
line-height: 55px;}
.video .video-t span{width: 80px;height: 55px;float: right;line-height: 55px;overflow: hidden;
font-size: 12px;color: #fff;text-align: center;}
.video .video-t span a{color: #fff;}
.video .video-b{ width: 100%; height: 180px; float: left; overflow: hidden; margin-top: 20px;}
.video .video-b ul{ width: 1250px; height: 180px;float: left;}
.video .video-b ul li{ width: 230px; height: 180px; float: left; overflow: hidden; margin-right: 20px;}
.video .video-b ul li img{width: 230px; height: 130px; float: left; overflow: hidden;}
.video .video-b ul li p{ display: block; width: 100%; float: left; font-size: 14px; color: #535353;
 height: 50px; line-height: 50px; text-align: center;}
/*end 气象视频*/

/*气象服务*/
.service{ width: 100%; float: left; height: auto; }
.service .service-l{width: 705px; height: 710px; float: left; overflow: hidden;}
.service .service-l .service-t{width: 100%;float: left;height: 55px;background: #2d5a9d; 
}
.service .service-l .service-t p{width: 200px;float: left;display: block;height: 100%;
overflow: hidden;font-size: 16px;color: #fff;font-weight: bold;background: url(imginfor-bg.png) no-repeat 20px;
text-indent: 38px;line-height: 55px;}
.service .service-l .service-t span{width: 80px;height: 55px;float: right;line-height: 55px;
overflow: hidden;font-size: 12px;color: #fff;text-align: center;}
.service .service-l .service-t span a{color: #fff}

.service .service-l .service-tl{ width: 701px; height: 65px; float: left; overflow: hidden; background: #f7f7f7;
margin-top: 10px; margin-bottom: 10px;  border-left: 4px solid #e38022;}
.service .service-l .service-tl p{display: block; float: left; width: 130px; height: 30px; border-right: 1px dashed #c9c9c9;
 margin-top: 17px; text-align: center; color: #e38022; line-height: 30px; overflow: hidden;}
.service .service-l .service-tl i{display: block; float: left; font-style: normal; width: 168px;
 height:30px; line-height: 30px;  overflow: hidden; font-size: 14px; color: #434343; text-indent: 23px;
  margin-top: 17px; border-right: 1px dashed #c9c9c9;}
.service .service-l .service-tl i b{  color: #e38022; }
.service .service-l .service-tl span{ display: block; float: left; width: 230px; height: 30px; border-right: 1px dashed #c9c9c9;
 margin-top: 17px;  color: #434343; line-height: 30px; font-size: 12px; overflow: hidden; }
.service .service-l .service-tl span img{ display: block; float: left; margin-left: 37px; }
.service .service-l .service-tl span b{ width: 115px; font-weight: normal; float: left;height: 100%; 
line-height: 15px; margin-left: 10px; }
.service .service-l .service-tl em{ width: 170px; float: left; display: block; font-style: normal; height: 30px;
 margin-top: 17px; text-indent: 30px; font-size: 14px; color: #434343; line-height: 30px;
 background: url(imgtriangle-bg.png) no-repeat 130px; }

.service .service-b{ width: 100%; float: left; height: 567px; overflow: hidden; }
.service-b .tabbox3{width:100%;height:567px;}
.service-b .tabbox3 .tab3{overflow:hidden; width: 102%; height: 50px; margin-bottom: 10px;}
.service-b .tabbox3 .tab3 a{display:block;width: 117px;height: 50px; margin-right: 1px; float:left;
	background: #96acce; text-decoration:none;color:#fff; line-height: 50px; text-align: center;}
.service-b .tabbox3 .tab3 a:hover{background:#2d5a9d;color:#fff;text-decoration:none;}
.service-b .tabbox3 .tab3 a.on{background:#2d5a9d;color:#fff;text-decoration:none;}
.service-b .tabbox3 .content3{overflow:hidden;border: 8px solid #abbdd8; width: 688px; height: 491px; overflow: hidden;}
.service-b .tabbox3 .content3 li{display:none;}

.service .service-r{ width: 485px; height: 710px; float: left; overflow: hidden; margin-left: 10px; }
.service .service-r .service-rt{ width: 100%; height: 220px; float: left; overflow: hidden; }
.service .service-r .service-rt .service-p{ width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden;
font-size: 16px; color: #2d5a9d; font-weight: bold; margin-bottom: 15px; }
.service .service-r .service-rt .service-p a{color: #2d5a9d;}
.service .service-r .service-ra{ width: 100%; float: left; height: 90px; overflow: hidden; background: #fafafa; }
.service .service-r .service-ra img{ display: block; float: left; margin-right: 15px; }
.service .service-r .service-ra p{ display: block; width: 330px; height: 25px; line-height: 25px; overflow: hidden;
margin-top: 10px; font-size: 16px; color: #2d5a9d; }
.service .service-r .service-ra span{ display: block; width: 330px; height: 45px; line-height: 25px; overflow: hidden;
 font-size: 12px; color: #a0a0a0;}
.service .service-r .service-ra:hover{ background: #f1f1f1; }

.service .service-r .service-rb{ width: 100%; float: left; height: 495px; overflow: hidden; }
.service .service-r .service-rb .service-p{ width: 100%; float: left; height: 53px; line-height: 53px;
font-size: 16px; color: #2d5a9d; font-weight: bold; }
.service .service-r .service-rb .service-p a{color: #2d5a9d;}
.service .service-r .service-rb .service-na{ width: 100%; float: left; height: 40px; overflow: hidden; margin-bottom: 1px; }
.service .service-r .service-rb .service-na p{color: #2d5a9d; font-size: 16px; overflow: hidden; font-weight: bold; display: block; float: left; line-height: 40px; text-align: center; }
.service-rb .service-na p.se-p{width: 158px; float: left; height: 100%; overflow: hidden; background: #eeeeee; margin-right: 1px;}
.service-rb .service-na p.se-p2{width: 113px; float: left; height: 100%; overflow: hidden; background: #f6f6f6; margin-right: 1px;}
.service-rb .service-na p.se-p3{width: 101px; float: left; height: 100%; overflow: hidden; background: #eeeeee; margin-right: 1px;}
.service-rb .service-na p.se-p4{width: 110px; float: left; height: 100%; overflow: hidden; background: #f6f6f6; }
.service-rb ul{ float: left; width: 100%; }
.service-rb ul li{ width: 100%; float: left; margin-bottom: 1px; }
.service-rb ul li.servi-lil{ line-height: 45px; text-align: center; }
.service-rb ul li.servi-lil p{font-size: 14px; color: #535353; display: block; width: 155px; float: left; height: 100%; overflow: hidden; }
.service-rb ul li.servi-lil span{font-size: 14px; color: #535353; display: block; width: 125px; float: left; height: 100%; overflow: hidden; }
.service-rb ul li.servi-lil i{font-size: 14px; color: #535353;font-style: normal; display: block; width: 92px; float: left; height: 100%; overflow: hidden; }
.service-rb ul li.servi-lil em{font-size: 14px; color: #535353;font-style: normal; display: block; width: 113px; float: left; height: 100%; overflow: hidden; }
.service-rb ul li.servi-li{ height: 125px; background: url(imgli-bgg.png); }
.service-rb ul li.servi-li .li-1{width: 95px; height: 40px; float: left; margin-top: 85px; background: url(imgli-bg.png) no-repeat; background-size: 100% 100%;
line-height: 40px; text-align: center; color: #fff; font-size: 18px;}
.service-rb ul li.servi-li img{ display: block; margin-left: 90px; float: left; }
.service-rb ul li.servi-li .li-2{display: block; float: left; width: 125px; height: 100%;}
.service-rb ul li.servi-li .li-2 p{ display: block;margin-top: 35px; width: 35px; height: 25px; margin-left: 24px;
font-size: 30px; color: #fff;	line-height: 25px; float: left;}
.service-rb ul li.servi-li .li-2 i{ display: block; font-style: normal; width: 20px; height: 15px; float: left; 
margin-top: 30px; font-size: 14px; color: #fff;}
.service-rb ul li.servi-li .li-2 em{display: block; font-style: normal; float: left; width: 60px; height: 20px;
font-size: 14px; color: #fff; margin-left: 5px;}
.service-rb ul li.servi-li .li-2 b{margin-left: 24px; font-weight: normal; float: left; display: block; margin-top: 7px; font-size: 14px; color: #fff;
 }
 .service-rb ul li.servi-li .li-3{padding: 7px 10px; width: 15px; height: 36px; display: block; float: left; background: #22ac38;
 font-size: 14px; color: #fff; margin-left: 30px; margin-top: 38px; font-style: normal;}
.service-rb ul li.servi-lil{ height: 45px;  background: #eeeeee; }
.service-rb ul li.servi-li2{ height: 125px; background: url(imgli-bgg.png);  display: none;}
.service-rb ul li.servi-lil2{ height: 45px;  background: #f6f6f6;}
.service-rb ul li.servi-li3{ height: 125px; background: url(imgli-bgg.png); display: none;}
.service-rb ul li.servi-lil3{ height: 45px;  background: #eeeeee;}
.service-rb ul li.servi-li4{ height: 125px; background: url(imgli-bgg.png); display: none;}
.service-rb ul li.servi-lil4{ height: 45px; background: #f6f6f6; }
.service-rb ul li.servi-li5{ height: 125px; background: url(imgli-bgg.png); display: none;}
.service-rb ul li.servi-lil5{ height: 45px; background: #eeeeee; }
.service-rb ul li.servi-li6{ height: 125px; background: url(imgli-bgg.png); display: none;}
.service-rb ul li.servi-lil6{ height: 45px; background: #f6f6f6; }
/*end 气象*/



/*互动交流*/
.main-tive{ width: 1210px; height:  auto; margin: 0 auto;}
.main-tive .position-tive{margin-bottom: 30px; width: 100%; float: left; height: 55px; overflow: hidden; background:#fff; }
.main-tive .position-tive p{ line-height: 55px; display: block; width: 100%;  font-size: 12px; color: #535353;
margin-left: 30px;  }
.main-tive .position-tive p a{ color: #535353; }
.main-tive .letter-tive{ width: 100%; float: left; height: 305px; overflow: hidden; margin-bottom: 25px; }
.main-tive .letter-tive .letter-tv-l{ width: 715px; height: 305px; float: left; overflow: hidden;}
.letter-tv-l .tv-l-t{ width: 100%; float: left; height: 58px; overflow: hidden; background: #fff;border-top: 1px solid #2d5a9d;}
.letter-tv-l .tv-l-t p{ width: 125px; height: 58px; float: left;display: block; overflow: hidden; background:#2d5a9d url(imginfor-bg.png) no-repeat 20px; 
line-height: 58px; text-indent: 35px; color: #fff; font-size: 16px;}
.letter-tv-l .tv-l-t span{ display: block; width: 447px; float: left; height: 58px; 
background: #c7d6eb; }
.letter-tv-l .tv-l-t span input{ width: 297px; height: 30px; float: left; margin-left: 45px; margin-top: 12px;
 }
.letter-tv-l .tv-l-t span button{ width: 66px; height: 32px; float: left; background: #2d5a9d; margin-left: 1px;
 margin-top: 12px; overflow: hidden; text-align: center; font-size: 12px; color: #fff; }
.letter-tv-l .tv-l-t i{ display: block; width: 142px; height: 58px; line-height: 58px; float: left; margin-left: 1px;
background:#cad7eb url(imgletter-2.png) no-repeat 20px;  font-size: 14px; color: #2d5a9d; text-indent: 58px;
font-style: normal;}
.letter-tv-l .tv-l-b{ width: 100%; height: 243px; float: left; overflow: hidden; }
.letter-tv-l .tv-l-b .tv-l-bt{ width: 100%; float: left; height: 50px;line-height: 50px; overflow: hidden; }
.letter-tv-l .tv-l-b .tv-l-bt p{font-weight: bold; display: block; width: 420px; height: 100%;  float: left; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #313131; text-align: center; }
.letter-tv-l .tv-l-b .tv-l-bt span{font-weight: bold; display: block; width: 107px; height: 100%; float: left; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #313131; text-align: center; }
.letter-tv-l .tv-l-b .tv-l-bt i{font-weight: bold;display: block; width: 188px; height: 100%;  float: left; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #313131; text-indent: 110px; font-style: normal;}
.letter-tv-l .tv-l-b .tv-l-bb{ width: 100%; float: left; height: 197px; overflow: hidden; }
.letter-tv-l .tv-l-b .tv-l-bb ul li{ width: 100%; float: left; height: 28px; line-height: 28px; }
.letter-tv-l .tv-l-b .tv-l-bb ul li p{ display: block; width: 420px; height: 100%;  float: left; white-space: nowrap; text-indent: 5px;
 overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #313131; text-align: left; background: url(imgtice.png) no-repeat left;}
.letter-tv-l .tv-l-b .tv-l-bb ul li span{display: block; width: 107px; height: 100%; float: left; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; font-size: 14px; color: #00479d; text-align: center;}
.letter-tv-l .tv-l-b .tv-l-bb ul li i{display: block; width: 188px; height: 100%;  float: left; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; font-size: 12px; color: #313131; text-indent: 85px; font-style: normal;}

.main-tive .letter-tive .letter-tv-r{ border-top: 1px solid #2d5a9d; width: 477px; height: 305px; float: left; overflow: hidden; margin-left: 18px; }
.letter-tv-r .tv-r{ width: 100%; height: 58px; float: left; background: #c9d7eb; }
.letter-tv-r .tv-r p{ display: block; width: 125px; height: 58px; float: left; overflow: hidden; line-height: 58px;
    background: #2d5a9d url(imginfor-bg.png) no-repeat 20px;text-indent: 35px;color: #fff; }
.letter-tv-r .tv-r span{ display: block; width: 80px; height: 57px; line-height: 57px; float: right; font-size: 14px; color: #2d5a9d;
 }
.letter-tv-r .tv-rb{ width: 100%; float: left; height: 258px; overflow: hidden; }
.letter-tv-r .tv-rb p{ width: 100%; height: 55px; float: left; display: block; line-height: 55px; font-size: 16px; 
color: #2d5a9d; font-weight: bold; overflow: hidden; text-align: center; }
.letter-tv-r .tv-rb span{ display: block; width: 430px; height: 25px; line-height: 25px; float: left; margin-left: 20px;
background: #f5f5f6; text-align: center; font-size: 12px; color: #7d7d7d; }
.letter-tv-r .tv-rb i{ display: block; font-style: normal; width: 430px; height:100px; line-height: 30px; float: left;
	margin-left: 20px; font-size: 12px; color: #535353; text-indent: 2em; margin-top: 15px;
  }
.letter-tv-r .tv-rb .tiv-button{ width: 100%; float: left; height: 30px; overflow: hidden; }
.letter-tv-r .tv-rb .tiv-button em{ width: 95px; height: 30px; display: block; float: left; overflow: hidden; background: #2d5a9d;
font-size: 14px; color: #fff; font-style: normal; line-height: 30px; text-align: center; margin-left: 130px; }
.letter-tv-r .tv-rb .tiv-button em.em{ background: #0068b7; margin-left: 10px; }

.letter-online{ width: 100%; float: left; height: 282px;overflow: hidden; }
.letter-online .online-t{ width: 100%; height: 58px; float: left; overflow: hidden; border-top: 1px solid #2d5a9d;
background: #d5deeb; }
.letter-online .online-t p{    width: 125px;height: 58px;float: left;display: block;overflow: hidden;
background: #2d5a9d url(imginfor-bg.png) no-repeat 20px;line-height: 58px;text-indent: 35px;color: #fff;
font-size: 16px;}
.letter-online .online-b{ width: 100%; float: left; height: 224px; overflow: hidden; }
.letter-online .online-b .online-bl{padding-top: 20px; width: 714px; float: left; height: 204px; overflow: hidden; }
.letter-online .online-b .online-bl img{ display: block; float: left;  }
.letter-online .online-b .online-bl p{ display: block; width: 345px; float: left;margin-left:20px; line-height: 40px; 
height: 40px; border-bottom: 1px solid #d2d2d2; font-size: 16px; font-weight: bold; color: #2d5a9d; text-align: center;
overflow: hidden; }
.letter-online .online-b .online-bl ul{ width: 345px; height: 107px; float: left; overflow: hidden; margin-left: 20px; }
.letter-online .online-b .online-bl ul li{ float: left; width: 100%; height: 25px; line-height: 25px; font-size: 12px; color: #535353;
 }
.letter-online .online-b .online-bl span{ width: 95px; height: 30px; float: left; display: block; text-align: center; line-height: 
 30px; overflow: hidden; background: #2d5a9d; margin-left: 20px; font-size: 14px; color: #fff; }
.letter-online .online-b .online-bl span.span{ margin-left: 10px; background: #0068b7; }

.letter-online .online-b .online-br{ width: 476px; float: left; height: 224px; overflow: hidden; margin-left: 20px; }
.letter-online .online-b .online-br .br-t{ width: 100%; float: left; height: 60px; line-height: 60px; overflow: hidden;
border-bottom: 1px solid #d2d2d2; }
.online-br .br-t span{ display: block; width: 35px; height: 60px; float: right; line-height: 60px; font-size: 12px; color: #a0a0a0; }
.online-br .br-t p{ display: block; width: 70px; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; float: left;
 color: #2d5a9d; }
.online-br .br-b{ width: 100%; float: left; height: 148px; overflow: hidden; padding-top: 15px; }
.online-br .br-b p{ display: block; width: 140px; height: 150px; float: left; overflow: hidden;margin-right: 27px; }
.online-br .br-b p img{ display: block;width: 100%; }
.online-br .br-b p span{margin-top: 10px; display: block; width: 100%; float: left; height: 40px; line-height: 20px; font-size: 12px; color: #535353;
 }
.online-br .br-b .brr{ margin-right: 0; }
/*end 互动交流*/


/*办事服务*/
.main-ser{ width: 1210px; height: auto; margin: 0 auto; }
.main-ser .position-tive{margin-bottom: 30px;width: 100%;float: left;height: 55px;overflow: hidden;background: #fff;}
.main-ser .position-tive p{line-height: 55px;display: block;width: 100%;font-size: 12px;color: #535353; margin-left: 30px;}
.main-ser .position-tive p a{    color: #535353;}
.main-ser .ser-l{ width: 198px; float: left; height: auto; margin-right: 20px; }
.main-ser .ser-l .ser-l-t{ width: 100%; float: left; height: 330px; overflow: hidden; margin-bottom: 20px; }
.main-ser .ser-l .ser-l-t p{ width: 100%; height: 58px; float: left; overflow: hidden; display: block; background: #2d5a9d; margin-bottom: 10px;
 }
.main-ser .ser-l .ser-l-t p em{ display: block; float: left; font-style: normal; width: 75px; height: 100%; }
.main-ser .ser-l .ser-l-t p i{ height: 100%; display: inline-block; vertical-align: middle; }
.main-ser .ser-l .ser-l-t p img{ vertical-align: middle; margin-left: 42px;  }
.main-ser .ser-l .ser-l-t p span{ display: block; width: 70px; line-height: 58px; float: left; font-size: 14px; color: #fff;
margin-left: 5px;}
.main-ser .ser-l .ser-l-c{ width: 100%; float: left; height: 205px; overflow: hidden; }
.main-ser .ser-l .ser-l-c p{ display: block; width: 100%; float: left; height: 40px; border-top: 1px solid #2d5a9d;
    background:#d5deeb url(imgtab-bg.png) no-repeat 5px; line-height: 40px; text-indent: 20px; color: #2d5a9d; margin-bottom: 10px;
  overflow: hidden;   }
.main-ser .ser-l .ser-l-c span{ display: block; width: 100%; float: left; height: 30px; line-height: 30px; font-size: 12px; color: #535353;
text-indent: 7px; white-space: nowrap;
 overflow: hidden;text-overflow:ellipsis; }

.main-ser .ser-c{ width: 720px; float: left; height:  auto;  margin-right: 20px; }
.main-ser .ser-c .ser-c-t{ width: 100%; height: 30px; float: left; overflow: hidden; }
.main-ser .ser-c .ser-c-t p{ font-size: 16px; color: #2d5a9d; font-weight: bold; float: left; display: block; width: 145px; }
.main-ser .ser-c .ser-c-t span{ font-size: 12px; color: #2d5a9d; display: block; float: right; width: 78px; height: 30px; line-height: 30px;
 }
.main-ser .ser-c .ser-c-tt{ width: 100%; float: left; height: 70px; overflow: hidden; background: #fff; 
box-shadow: 0px 0px 10px 0px #aaa;	margin-bottom: 15px; }
.main-ser .ser-c .ser-c-tt p{ display: block; width: 100%; height: 35px; float: left; background: url(imgimg1ser-xx.png) no-repeat 19px;
font-size: 14px; color: #2d5a9d; line-height: 35px; text-indent: 45px; }
.main-ser .ser-c .ser-c-tt span{ width: 650px; float: left; height: 25px; line-height: 25px; margin-left: 19px; }
.main-ser .ser-c .ser-c-tt span a{ width: 85px; height: 25px; float: left; background: url(imgimg1ser-jt.png) no-repeat right;
margin-right: 17px; color: #535353; font-size: 12px;}
.main-ser .ser-c .ser-c-tt span a.none{ background: none; }
.main-ser .ser-c .ser-c-ttc{width: 680px; float: left;height: auto;overflow: hidden;background: #fff;
box-shadow: 0px 0px 10px 0px #aaa;margin-bottom: 15px; padding: 0 20px;}
.main-ser .ser-c .ser-c-ttc p{ display: block; width: 100%; height: 40px;  background: url(imgimg1ser-xx.png) no-repeat left;
font-size: 14px; color: #2d5a9d; line-height: 40px; text-indent: 25px;  float: left;}
.main-ser .ser-c .ser-c-ttc p i{ display: block; width: 30px; height: 40px; float: right; font-size: 12px;font-style: normal; overflow: hidden;
 background: url(imgimg1put.png) no-repeat left; text-align: center; text-indent: 0; color: #fff;}
.main-ser .ser-c .ser-c-ttc span{border-top: 1px dashed #e5e5e5; display: block; width: 100%; height: 65px; float: left;
padding-left: 25px;}
.main-ser .ser-c .ser-c-ttc span i{display: block; width: 100%;height: 35px; float: left;font-size: 14px;
color: #2d5a9d;line-height: 35px; font-style: normal;}
.main-ser .ser-c .ser-c-ttc span a em{width: 85px;height: 25px;float: left;background: url(imgimg1ser-jt.png) no-repeat right;
margin-right: 17px;color: #535353;font-size: 12px; font-style: normal;}
.main-ser .ser-r{ width: 252px; float: left; height: auto;  }
#span2{ display: none;}


.ser-r .ser-r-t{ width: 100%; float: left; overflow: hidden; height: 254px; border: 1px solid #d8d8d8; border-radius: 5px;}
.ser-r .ser-r-t .ser-r-tt{ width: 100%; float: left; height: 33px; overflow: hidden; background: #fafafb url(imgimg1login.png) no-repeat left;}
.ser-r .ser-r-t .ser-r-tt p{ display: block; width: 85px; height: 31px; line-height: 31px; float: left;
font-size: 14px; color: #2b5c93; font-weight: bold; border-bottom: 2px solid #2b5c93; margin-left: 12px; text-align: center;}

.ser-r .ser-r-t .ser-r-tb{ width: 100%; float: left; height: 220px; overflow: hidden; background: #ffffff;
border-top: 1px solid #2b5c93;}
.ser-r .ser-r-t .ser-r-tb label{margin-top: 15px;  width: 80px; float: left; font-size: 14px; color: #666666; margin-left: 40px;}
.ser-r .ser-r-t .ser-r-tb label.la{ margin-left: 15px;}
.ser-r .ser-r-t .ser-r-tb .user{ width: 200px; height: 25px; float: left; border: 1px solid #999999; margin-top: 9px;
margin-left: 28px;}
.ser-r .ser-r-t .ser-r-tb p{ width: 100%; float: left; display: block; height: 25px; line-height: 25px; overflow: hidden;
 color: #d8d8d8; font-size: 12px; margin-left: 25px; margin-top: 7px;}
.ser-r .ser-r-t .ser-r-tb p a{  color: #666666}

/*验证码*/
.txtVerification{ width: 100px; height: 17px; float: left; border: 1px solid #999999; margin-top: 10px;
margin-left: 28px; margin-right: 22px;}
#ehong-code-input{width:42px;letter-spacing:2px;margin:0px 8px 0px 0px;}
.ehong-idcode-val{position:relative;padding: 4px 4px 6px 4px;top:0px;*top:-3px;letter-spacing:4px;
display:inline;cursor:pointer;font-size:16px;font-family:"Courier New", Courier, monospace;text-decoration:none;
font-weight:bold;}
#btns{ width: 200px; height: 25px; float: left; line-height: 25px; background: #2f5c8f; border: none; margin-left: 28px;
margin-top: 13px; font-size: 14px; text-align: center; color: #fff;}
#idcode{ width: 80px; height: 21px; float: left; overflow: hidden; margin-top: 10px;}
.ehong-idcode-val0{border:solid 1px #A4CDED;	background-color:#ECFAFB;}
.ehong-idcode-val1{border:solid 1px #A4CDED;	background-color:#FCEFCF;}
.ehong-idcode-val2{border:solid 1px #6C9;	background-color:#D0F0DF;}
.ehong-idcode-val3{border:solid 1px #6C9;	background-color:#DCDDD8;}
.ehong-idcode-val4{background-color:#F1DEFF;}
.ehong-idcode-val5{border:solid 1px #6C9;	background-color:#ACE1F1;}
.ehong-code-val-tip{display: none;font-size:12px;color:#1098EC;top:0px;*top:-3px;	position:relative;	margin:0px 0px 0px 4px;
cursor:pointer;	}

.ser-r .tabbox{width:252px;height:265px; overflow: hidden; font-family:'微软雅黑';border: 1px solid #d8d8d8;
    border-radius: 5px; margin-top: 20px; float: left;}
.ser-r .tabbox .tab{overflow:hidden;background:#fcfcfd url(imgimg1login.png) no-repeat left; height: 33px;}
.ser-r .tabbox .tab p{display:block; height: 33px; line-height: 33px; text-align: center; width: 92px;
font-size: 14px; float:left;text-decoration:none;color:#333;}

.ser-r .tabbox .tab p.on{color:#2b5c93;text-decoration:none; height: 31px; border-bottom: 2px solid #2b5c93;}
.ser-r .tabbox .content{overflow:hidden; height: 233px; float: left; margin: 0; border-top: 1px solid #2b5c93;}
.ser-r .tabbox .content span{display:none;height: 233px; width: 100%;}
.ser-r .tabbox .content span input{ width: 158px; height: 22px; float: left; overflow: hidden; 
margin-left: 20px; margin-top: 10px;	border: 1px solid #a9a9a9; font-size: 12px;}
.ser-r .tabbox .content span button{ width: 40px; height: 26px; float: left; overflow: hidden;
background: #2b5c93; font-size: 12px; line-height: 26px; text-align: center; color: #fff;margin-top: 10px;}
.ser-r .tabbox .content span .letter-rr{ width: 220px; height: 170px; float: left; overflow: hidden;
margin-left: 20px; margin-top: 15px;}
.ser-r .tabbox .content span .letter-rr p{ display: block; width: 100%; float: left; height: 25px; line-height: 25px;
overflow: hidden;}
.ser-r .tabbox .content span .letter-rr p i{font-style: normal; display: block; font-size: 12px; float: left; }
.ser-r .tabbox .content span .letter-rr p em{font-style: normal; display: block; font-size: 12px; float: right; }
.ser-r .tabbox .content span .letter-rr p em a{ color: #cc0000;}
/*end 办事服务*/


/*部门概况*/
.main-pl{ width: 1210px; height:  auto; margin: 0 auto;}
.main-pl .position-pl{margin-bottom: 30px;width: 100%;float: left;height: 55px;overflow: hidden;background: #fff;}
.main-pl .position-pl p{line-height: 55px;display: block; width: 100%;font-size: 12px;color: #535353;margin-left: 30px;}
.main-pl .position-pl p a{color: #535353;}
.main-pl .pl-l{ width: 260px; float: left; height: auto;}
.main-pl .pl-l .pl-lt{ width: 100%; height: 285px; float: left; overflow: hidden;    box-shadow: 0px 0px 10px 0px #e8e5e5;}
.main-pl .pl-l .pl-lt p{ display: block; width: 100%; float: left; height: 40px; overflow: hidden; background: #d5deeb;
}
.main-pl .pl-l .pl-lt p a{ width: 105px; height: 40px; line-height: 40px; float: left; background: #2d5a9d;
    background: #2d5a9d url(imginfor-bg.png) no-repeat 20px; text-indent: 35px; color: #fff;font-size: 16px; font-weight: bold;}
.main-pl .pl-l .pl-lt span{ width: 100%; float: left; height: 245px; overflow: hidden; background: #fff;}
.main-pl .pl-l .pl-lt span ul{ float: left; margin-top: 15px;}
.main-pl .pl-l .pl-lt span ul li{width: 230px; height: 35px; line-height: 35px; float: left; overflow: hidden;
padding-left: 30px;}
.main-pl .pl-l .pl-lt span ul li i{ font-style: normal; display: block; width: 60px; height: 100%; float: left;
overflow: hidden; font-size: 14px; color: #464646; font-weight: bold;}
.main-pl .pl-l .pl-lt span ul li em{font-style: normal; display: block;width: 150px; float: left; height: 100%; overflow: hidden;
  font-size: 14px; color: #535353; margin-left: 15px; overflow: hidden;}

.main-pl .pl-l .pl-ltc{ width: 100%; height: 285px; float: left; overflow: hidden; margin-top: 20px;box-shadow: 0px 0px 10px 0px #e8e5e5;}
.main-pl .pl-l .pl-ltc p{ display: block; width: 100%; float: left; height: 40px; overflow: hidden; background: #d5deeb;
}
.main-pl .pl-l .pl-ltc p a{ width: 135px; height: 40px; line-height: 40px; float: left; background: #2d5a9d;font-size: 16px; font-weight: bold;
    background: #2d5a9d url(imginfor-bg.png) no-repeat 20px; text-indent: 35px; color: #fff;}
.main-pl .pl-l .pl-ltc span{padding: 15px 30px;  width: 200px; float: left; height: 215px; overflow: hidden; background: #fff;}
.main-pl .pl-l .pl-ltc span ul{width: 230px; float: left;}
.main-pl .pl-l .pl-ltc span ul li{width: 45px; margin-right: 30px; height: 35px; line-height: 35px; float: left; overflow: hidden;
font-size: 14px; color: #444444;}
.main-pl .pl-l .pl-ltc span i{ width: 100%; float: left; height: 35px; line-height: 35px;display: block;
font-size: 14px; color: #444; float: left; font-style: normal; overflow: hidden;}
.main-pl .pl-l .pl-ltc span.pl-img{ padding: 0; width: 100%; height: 250px; }

.main-pl .pl-r{ width: 930px; float: left; height: auto; margin-left: 20px;}
.main-pl .pl-r .pl-r-t{ width: 100%; float: left; height: auto;box-shadow: 0px 0px 10px 0px #e8e5e5; overflow: hidden;
 margin-bottom: 20px;}
.main-pl .pl-r .pl-r-t p{ display: block; width: 100%; float: left; height: 40px; line-height: 40px;
background: #d5deeb;   }
.main-pl .pl-r .pl-r-t p a{ width: 125px; float: left; height: 40px;  background: #2d5a9d url(imginfor-bg.png) no-repeat 20px;
text-indent: 35px; color: #fff; font-size: 16px; font-weight: bold;}
.main-pl .pl-r .pl-r-t .pl-gk{ width: 100%; float: left; display: block; height: 245px; overflow: hidden;}
.main-pl .pl-r .pl-r-t .pl-gk img{ margin-top: 15px; margin-left: 15px; display: block; float: left; width: 290px; height: 195px;
 overflow: hidden; margin-right: 20px;}
.main-pl .pl-r .pl-r-t .pl-gk b{ display: block; width:585px; float: left; height: 45px; line-height: 45px;
font-size: 16px; color: #535353; margin-top: 15px; overflow: hidden; }
.main-pl .pl-r .pl-r-t .pl-gk i{ width: 585px; float: left; display: block; height: 115px; 
font-style: normal; line-height: 40px; font-size: 14px; color: #535353;overflow: hidden;
  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main-pl .pl-r .pl-r-t .pl-gk em{ display: block; float: left; width: 100px; height: 25px; background: #2d5a9d;
font-size: 14px; color: #fff; font-style: normal; text-align: center; line-height: 25px; margin-top: 10px;}

.main-pl .pl-r .pl-r-t .pl-jg{padding-top: 10px; width: 100%; height: 85px; float: left; overflow: hidden; display: block;
}
.main-pl .pl-r .pl-r-t .pl-jg a{ width: 154px; height: 35px; float: left; overflow: hidden; background: url(imgimg1jg-bg.png) no-repeat 20px;
 line-height: 35px; text-indent: 35px; font-size: 14px; color: #535353;}
.main-pl .pl-r .pl-r-t .pl-dw{width: 100%; height: auto; float: left; overflow: hidden; display: block;}
.main-pl .pl-r .pl-r-t .pl-dw a{width: 100%; height: 35px; float: left; overflow: hidden; background: url(imgimg1jg-bg.png) no-repeat 20px;
 line-height: 35px; text-indent: 35px; font-size: 14px; color: #535353;}
 .main-pl .pl-r .pl-r-t .pl-dw em{ display: block; width: 265px; float: left; height: auto; font-style: normal; }
 .main-pl .pl-r .pl-r-t .pl-dw span{ display: block; width: 305px; float: left; height: auto;}
 .main-pl .pl-r .pl-r-t .pl-dw i{ display: block; width: 360px; float: left; height: auto;font-style: normal;}
 .main-pl .pl-r .pl-r-t .pl-fm{ padding: 25px 15px; width: 900px; height: 165px; float: left;}

.pl-fm .swiper-container {width: 930px;height: 170px;color: #fff;text-align: center;}
.pl-fm .swiper-slide {width: 205px ! important; height: 165px ! important;  margin-right: 15px; overflow: hidden;}
.pl-fm .swiper-slide img{ margin-top: 5px;border: 1px solid #d2d2d2;}
.pl-fm .swiper-slide i{ display: block; float: left; font-style: normal; width: 100%; height: 15px; line-height: 15px;
font-size: 14px; color: #434343; overflow: hidden;}
.pl-fm .swiper-visible-switch {background: #aaa;}
.pl-fm .swiper-active-switch {background: #fff;}
/*end 部门概况*/


/*文章*/
.article-main{}
.main-body .position-tive{margin-bottom: 20px; width: 100%; float: left; height: 55px; overflow: hidden; background:#fff; }
.main-body .position-tive p{ line-height: 55px; display: block; width: 100%;  font-size: 12px; color: #535353;
margin-left: 30px;  }
.main-body .position-tive p a{ color: #535353; }
.article-main .article{ width: 1170px; padding: 0 20px; height: auto; float: left; background: #fff; position: relative; box-shadow: 0px 0px 10px 2px #f3f3f3;}
.article-main .article b{ font-size: 18px; font-weight: bold; color: #2d5a9d; display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; margin-top: 20px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-main .article span{ font-size: 12px;  color: #535353; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;background: #f6f6f6;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-main .article p{font-size: 14px; color: #313131; width: 100%; display: block; height: auto; float: left; line-height: 35px; text-indent: 2em;}
.article-main .article p.text{ text-indent: 5em;}
.article-main .article .code{ width: 100%;  height: 90px; float: left; border-bottom: 1px solid #f1f1f1;}
.article-main .article .code img{ display: block; float: left; margin-top: 30px; margin-right: 10px;}
.article-main .article .code .text2{ width: 300px; float: right; height: 80px;}
.article-main .article .code i{width: 100%; display: block; float: left;text-align: right; font-size: 14px; color: #313131; font-style: normal; height: 35px; line-height: 35px;}
.article-main .article .book{ width: 100%; height: 35px; float: left; line-height: 35px; overflow: hidden; font-size: 14px; color: #535353;}
.article-main .article .book i{display: block; font-style: normal; width: 100px; height: 35px; float: left;}
.article-main .article .book i em{ font-style: normal;  height: 35px; }
.article-main .article .book span{ width: 100px; float: right; background: none}
.article-main .article .book span a{color: #535353;}
.article-main .article .share{ position: absolute; left: -64px; top: 132px;}
/*分享*/
.socialShare {display: block; width: 54px;height: 54px;position: relative;z-index: 1;}
.socialShare .msb_main {display: block; width: 46px;height: 46px;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;text-indent: -9999px;border: 4px solid #FFF;box-shadow: 0 0 5px #DDD;
border-radius: 36px;}
.socialShare .msb_main:hover {box-shadow: 0 0 5px #BBB;}
.socialShare .msb_main img {width: 46px;height: 46px;cursor: pointer;border-radius: 23px;border: none;float: left}
.socialShare .msb_network_button {width: 31px;height: 31px;position: absolute;top: 9px;left: 92px;z-index: 1;cursor: pointer;text-indent: -9999px;display: none;background: no-repeat;
border: 6px solid #f5f5f5;border-radius: 50%;}
.socialShare .msb_network_button.sina {background: url(imgimg1social.png) no-repeat -130px -87px;}
.socialShare .msb_network_button.tQQ {background: url(imgimg1social.png) no-repeat -185px -20px;}
.socialShare .msb_network_button.qZone {background: url(imgimg1social.png) no-repeat -73px -20px;}
.socialShare .msb_network_button.douban {background: url(imgimg1social.png) no-repeat -130px -151px;}
.socialShare .msb_network_button.weixin {background: url(imgimg1social.png) no-repeat -73px -87px;}
.socialShare .msb_network_button:hover{transition: -moz-transform 2s ease-out 0s;border: 6px solid #eee;}

/*end 文章*/

/*列表*/
.list-main .list-l{ width: 930px; float: left; height: auto; background: #fff;  box-shadow: 0px 0px 10px 2px #f3f3f3; }
.list-main .list-l .list-p{ width: 100%; float: left; height: auto; }
.list-main .list-l .list-p p{ display: block; width: 100%; float: left; height: 35px; line-height: 35px; overflow: hidden;}
.list-main .list-l .list-p p i{text-indent: 20px; font-size: 14px; color: #535353; display: block; float: left; font-style: normal; width: 90%; height: 100%; overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.list-main .list-l .list-p p em{font-size: 12px; color: #b9b9b9; display: block; float: left; font-style: normal; width: 10%; height: 100%; overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.list-main .list-l .list-turn{ width: 400px; float: left; height: 27px; overflow: hidden; margin-left: 270px; margin-top: 30px; margin-bottom: 30px;}
.list-main .list-l .list-turn span{ width: 80px; height: 27px; line-height: 27px; float: left; background: #e8e8e8; text-align: center; font-size: 14px; color: #535353; margin-right: 15px;}
.list-main .list-l .list-turn p{ width: 27px; height: 27px; line-height: 27px; margin-right: 10px; float: left;background: #e8e8e8; text-align: center; font-size: 14px; color: #535353;}

.list-main .list-r{ width: 260px; float: left; height: auto; background: #fff; margin-left: 20px;}
.list-main .list-r .table{ width: 100%; float: left; height: auto;box-shadow: 0px 0px 10px 2px #f3f3f3; padding-bottom: 15px;}
.list-main .list-r .table span{ width: 100%; height: 40px; float: left; background: #d5deeb;}
.list-main .list-r .table span a{ width: 120px; height: 40px; float: left; background: #2d5a9d; line-height: 40px;background: #2d5a9d url(imginfor-bg.png) no-repeat 20px;
    text-indent: 35px; color: #fff;}
.list-main .list-r .table p{ display: block; width: 100%; float: left; height: 35px; line-height: 35px;background: url(imgtriangle-bg.png) no-repeat 20px;
    text-indent: 45px;}
 .list-main .list-r .table p a{ color: #000000;}
.list-main .list-r .table{color: #000000 !important;}    
.list-main .list-r .tab-list{ width: 100%; float: left; height: auto;box-shadow: 0px 0px 10px 2px #f3f3f3; }
.list-main .list-r .tab-list span{ width: 100%; height: 40px; float: left; background: #d5deeb;}
.list-main .list-r .tab-list span a{ width: 120px; height: 40px; float: left; background: #2d5a9d; line-height: 40px;background: #2d5a9d url(imginfor-bg.png) no-repeat 20px; text-indent: 35px;
 color: #fff;}
.list-main .list-r .tab-list p{text-indent: 20px;font-size: 14px;color: #535353;display: block;float: left;font-style: normal;width: 100%;height: 35px;line-height: 35px; overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}   
/*end 列表*/


/*新闻资讯*/
.head-ind .head-cb ul li.in{ background: #f39800;}
.news .news-tive{ width: 100%; float: left; height: 55px; overflow: hidden; background: #fff;}
.news .news-tive ul{ width: 100%; float: left; height: 55px; margin-left: 25px;}
.news .news-tive ul li{ height: 55px; float: left; line-height: 55px; margin-right: 30px; font-size: 14px; color: #535353;}
.news .news-tive ul li.in{border-bottom: 6px solid #2d5a9d; height: 49px; color: #2d5a9d;}
.news .news-tive ul li:hover{ border-bottom: 6px solid #2d5a9d; height: 49px; color: #2d5a9d;}
.news .news-tive ul li a{color: #535353;}
.news .news-title{ width: 100%; float: left; height: 130px; overflow: hidden; background: #fff;box-shadow: 0px 0px 10px 2px #e8e8e8;
 margin-top: 20px;}
.news .news-title b{ width: 100%; float: left; height: 65px;line-height: 65px; font-size: 40px; color: #2d5a9d; text-align: center;
 font-family: myFirstFont; margin-top: 10px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@font-face{font-family: myFirstFont;src: url(../font/兰亭粗黑简.TTF);}
.news .news-title p{ width: 100%; float: left; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; text-align: center;
color: #626262;}
.news .news-title p a{color: #626262;}
.news .news-title p a:hover{color: #2d5a9d;}
.news .news-title span{ width: 48px; height: 23px; float: right; background: #eeeeee; text-align: center; line-height: 23px;
font-size: 12px; color: #a0a0a0;}
.news .news-title span:hover{color: #2d5a9d;}
.news .news-swiper{ width: 100%; float: left; height: auto; margin-top: 20px;}
.news .news-swiper .swi-l{ width: 705px; float: left; height: 440px; overflow: hidden; position: relative;}
.swi-l .swiper-container {height: 440px;width: 705px;}
.swi-l .content-slide {padding: 20px;color: #fff;}
.swi-l .pagination {position: absolute;right: 10px;text-align: center;bottom:22px;
width: 50px;z-index: 99;}
.swi-l .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;
background:url(imgpic1.png);margin: 0 3px;cursor: pointer;}
.swi-l .swiper-active-switch {background:url(imgpic2.png);}
.swi-l .swiper-slide{ position: relative;  }
.swi-l .swiper-container .swiper-wrapper .swiper-slide span{ position: absolute; bottom: 0; left: 0; height: 65px; line-height: 65px; width: 100%; 
   background: url(imgnav-bg.png); font-size: 16px; color: #ffffff; text-indent: 2em;background-size: 100% 100%;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.swi-l .swiper-container .swiper-wrapper .swiper-slide span:hover{text-decoration: underline;}

.news .news-swiper .swi-r{ width: 485px; float: left; height: 440px; overflow: hidden; margin-left: 20px;}
.swi-r .tab{overflow:hidden;background:#ccc; height: 58px; width: 100%; float: left; background: #2d5a9d;}
.swi-r .tab p{width: 123px; height: 47px; line-height: 47px; text-align: center; background: #fff;
font-size: 16px; font-weight: bold; margin-top: 11px; margin-left: 10px; border-radius:5px 5px 0 0 ; 
display:block;float:left;text-decoration:none;color:#2d5a9d;}
.swi-r .tab span{ font-size: 14px; color: #fff; float: right; line-height: 60px; width: 55px; 
text-align: center;}
.swi-r .tabbox{}
.swi-r .tabbox p{ width: 100%; float: left; display: block; height: 39px; overflow: hidden;}
.swi-r .tabbox p i{ font-size: 14px; float: left; display: block; width: 85%; height: 39px;
 font-style: normal;text-overflow:ellipsis; background: url(imgtab-bg.png) no-repeat 5px;
white-space: nowrap; overflow: hidden; line-height: 39px; text-indent: 15px; color: #434343;}
.swi-r .tabbox p em{font-size: 12px; float: left; width: 15%; height: 39px; font-style: normal;
color: #a0a0a0; line-height: 39px; }

.news .news-2{ width: 100%; height: 290px; float: left; overflow: hidden; margin-top: 30px;}
.news .news-2 .news2-l{width: 705px; float: left; height: 100%; overflow: hidden;}
.news2-l .tab{overflow:hidden;background:#ccc; height: 58px; width: 100%; float: left; background: #2d5a9d;}
.news2-l .tab p{width: 123px; height: 47px; line-height: 47px; text-align: center; background: #fff;
font-size: 16px; font-weight: bold; margin-top: 11px; margin-left: 10px; border-radius:5px 5px 0 0 ; 
display:block;float:left;text-decoration:none;color:#2d5a9d;}
.news2-l .tab span{ font-size: 14px; color: #fff; float: right; line-height: 60px; width: 55px; 
text-align: center;}
.news2-l .tabbox{}
.news2-l .tabbox p{ width: 100%; float: left; display: block; height: 37px; overflow: hidden;}
.news2-l .tabbox p i{ font-size: 14px; float: left; display: block; width: 85%; height: 37px;
 font-style: normal;text-overflow:ellipsis; background: url(imgtab-bg.png) no-repeat 5px;
white-space: nowrap; overflow: hidden; line-height: 37px; text-indent: 15px; color: #434343;}
.news2-l .tabbox p em{font-size: 12px; float: left; width: 15%; height: 37px; font-style: normal;
color: #a0a0a0; line-height: 37px; }


.news .news-2 .news2-r{width: 485px; float: left; height: 100%; overflow: hidden;margin-left: 20px;}
.news2-r .tab{overflow:hidden;background:#ccc; height: 58px; width: 100%; float: left; background: #2d5a9d;}
.news2-r .tab p{width: 123px; height: 47px; line-height: 47px; text-align: center; background: #fff;
font-size: 16px; font-weight: bold; margin-top: 11px; margin-left: 10px; border-radius:5px 5px 0 0 ; 
display:block;float:left;text-decoration:none;color:#2d5a9d;}
.news2-r .tab span{ font-size: 14px; color: #fff; float: right; line-height: 60px; width: 55px; 
text-align: center;}
.news2-r .tabbox{}
.news2-r .tabbox p{ width: 100%; float: left; display: block; height: 36px; overflow: hidden;}
.news2-r .tabbox p i{ font-size: 14px; float: left; display: block; width: 85%; height: 36px;
 font-style: normal;text-overflow:ellipsis; background: url(imgtab-bg.png) no-repeat 5px;
white-space: nowrap; overflow: hidden; line-height: 36px; text-indent: 15px; color: #434343;}
.news2-r .tabbox p em{font-size: 12px; float: left; width: 15%; height: 36px; font-style: normal;
color: #a0a0a0; line-height: 36px; }

.news .news-photo{ width: 100%; float: left; height: auto;}
.news .news-photo .news-pt{ width: 100%; float: left; height: 55px; overflow: hidden;background: #2d5a9d;}
.news .news-photo .news-pt p{width: 123px; height: 47px; line-height: 47px; text-align: center; background: #fff;
font-size: 16px; font-weight: bold; margin-top: 11px; margin-left: 10px; border-radius:5px 5px 0 0 ; 
display:block;float:left;text-decoration:none;color:#2d5a9d;}
.news .news-photo .news-pt span{ font-size: 14px; color: #fff; float: right; line-height: 60px; width: 55px; 
text-align: center;}
.news .news-photo .news-pb{ width: 100%; float: left; height: auto; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.news .news-photo .news-pb ul{ width: 1230px; margin-top: 10px;  float: left;}
.news .news-photo .news-pb ul li{ float: left; width: 234px; height: 215px; overflow: hidden; margin-right: 10px;}
.news .news-photo .news-pb ul li img{ display: block; width: 100%; float: left; height: 173px;}
.news .news-photo .news-pb ul li p{float: left; width: 100%; height: 35px; line-height: 35px; text-align: center;
font-size: 14px; color: #434343;}
.news-foot{ margin-top: 0;}
/*end 新闻资讯*/


/*气象局-列表*/
.list2{}
.list2 .list2-l{padding: 0 20px; width: 890px; background: #fff; float: left; height: auto;box-shadow: 0px 0px 10px 2px #e8e8e8;}
.list2 .list2-l .list2-ul{ width: 100%; float: left; height: auto; border-bottom: 1px solid #d5deeb;}
.list2 .list2-l .list2-ul ul{}
.list2 .list2-l .list2-ul ul li{ width: 100%; float: left; height: 35px; line-height: 35px; overflow: hidden;}
.list2 .list2-l .list2-ul ul li i{display: block;width: 80%;float: left;height: 40px;font-style: normal;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #434343;}
.list2 .list2-l .list2-ul ul li em{display: block;width: 20%;float: left;height: 40px;font-style: normal;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: #a8a8a8;text-align: right;}
.list2 .list2-l .list2-next{ width: 400px; height: 28px; float: left; margin:30px 0 40px 260px; }
.list2 .list2-l .list2-next p{ width: 80px; float: left; height: 28px; line-height: 28px; text-align: center;
font-size: 14px; color: #535353; margin-right: 15px; background: #e8e8e8;}
.list2 .list2-l .list2-next span{ width: 27px; float: left; height: 28px; line-height: 28px; text-align: center;
font-size: 14px; color: #535353; margin-right: 10px;background: #e8e8e8;}

.list2 .list2-r{ width: 260px; float: left; height: auto; margin-left: 20px;}
.list2 .list2-r .list2-r-news{margin-bottom: 20px; width: 100%; float: left; height: auto;box-shadow: 0px 0px 10px 2px #e8e8e8; background: #fff; padding-bottom: 10px;}
.list2 .list2-r .list2-r-news p{ width: 100%; float: left; height: 40px; line-height: 40px; background: #d5deeb; margin-bottom: 10px;}
.list2 .list2-r .list2-r-news p a{width: 120px;height: 40px;float: left;background: #2d5a9d;line-height: 40px;
background: #2d5a9d url(imginfor-bg.png) no-repeat 20px;text-indent: 35px;color: #fff;}
.list2 .list2-r .list2-r-news span{ width: 100%; height: 50px; float: left; line-height: 50px; background: #fff url(imgtriangle-bg.png) no-repeat 80px;
	font-size: 14px; color: #202020;text-align: center;}
.list2 .list2-r .list2-r-news span a{ color: #202020;}
.list2 .list2-r .list2-r-news span a:hover{ text-decoration: underline; color: #2d5a9d;}
.list2 .list2-r .list2-r-news i{width: 100%; height: 35px; float: left; line-height: 35px; font-size: 14px; color: #202020;text-align: left;
 text-indent: 20px; font-style: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list2 .list2-r .list2-r-news i a{color: #202020;}

/*end 气象局 列表*/
.information .position-tive{ margin-bottom: 30px;}
.information .infor2-l{ width: 215px; float: left; height: 800px; overflow: hidden;}
.information .infor2-l .infor2-lt{ width: 100%; float: left; height: auto;}
.information .infor2-l .infor2-lt ul {}
.information .infor2-l .infor2-lt ul li{ width: 100%; float: left; height: 45px; line-height: 45px;
 overflow: hidden; background: #2d5a9d; color: #fff; font-size: 16px; margin-bottom: 10px;}
.information .infor2-l .infor2-lt ul li i{ height: 100%; vertical-align: middle; display: inline-block;}
.information .infor2-l .infor2-lt ul li img{vertical-align: middle; margin-left: 40px; margin-right: 15px;}
.information .infor2-l .infor2-lb{ width: 100%; float: left; height: 540px; overflow: hidden; background: #fafafa;
 padding-top: 10px;}
.information .infor2-l .infor2-lb p{ width: 100%; height: 35px; line-height: 35px; overflow: hidden; font-size: 14px; color: #202020;
background: url(imgtriangle-bg.png) no-repeat 30px; text-indent: 55px;}

.information .infor2-r{padding: 0 20px; width: 935px; float: left; height: 800px; margin-left: 20px;
box-shadow: 0px 0px 10px 2px #e8e8e8; overflow: hidden; background: #fff;}
.information .infor2-r .infor2-rt{ width: 100%; float: left; height: 59px; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.infor2-rt p{ width: 100px; height: 60px; float: left;font-size: 16px; overflow: hidden;
; line-height: 60px; text-indent: 10px; background: url(imgimg1blue.png) no-repeat left;}
.infor2-rt p a{  text-indent: 15px;    color: #313131;}
.infor2-rt span{ width: 70px; display: block; float: left; height: 60px; line-height: 60px; overflow: hidden;
margin-left: 268px; font-size: 14px;color: #202020;}
.infor2-rt input{ background: #eeeeee; float: left; width: 310px; height: 35px; margin-top: 11px; margin-right: 5px;}
.infor2-rt select{width: 75px; height: 35px; background: #eeeeee; float: left; margin-top: 11px; font-size: 14px; 
color: #c0c0c0; text-indent: 15px;}
.infor2-rt button{ width: 102px; height: 35px; background: #0075a9; float: left; margin-left: 5px;margin-top: 11px;
 font-size: 14px; color: #fff;}
.infor2-r .infor2-rb .ifrome{ width: 100%; height: 43px; float: left; overflow: hidden; margin-top: 20px;}
.infor2-r .infor2-rb .ifrome p{font-size: 16px; color: #171717; line-height: 43px; text-align: center;  width: 203px; height: 43px; float: left; background: #f1f1f1; margin-right: 1px; overflow: hidden;}
.infor2-r .infor2-rb .ifrome span{font-size: 16px; color: #171717; line-height: 43px; text-align: center; width: 536px; height: 43px; float: left; background: #f1f1f1; margin-right: 1px;overflow: hidden;}
.infor2-r .infor2-rb .ifrome i{font-size: 16px; color: #171717; line-height: 43px; text-align: center; width: 194px; height: 43px; float: left; background: #f1f1f1; overflow: hidden;
font-style: normal;}
.infor2-r .infor2-rb ul{ width: 933px; float: left; height: auto; border: 1px solid #f1f1f1; border-top: none;}
.infor2-r .infor2-rb ul li{ width: 100%; float: left; height: 40px; overflow: hidden;}
.infor2-r .infor2-rb ul li i{font-size: 14px;color: #171717;line-height: 39px;text-align: center;
width: 203px;height: 39px;float: left;overflow: hidden; font-style: normal;
border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}
.infor2-r .infor2-rb ul li em{font-size: 14px;color: #171717;line-height: 39px;text-align: left;
width: 536px;height: 39px;float: left;overflow: hidden; font-style: normal; text-indent: 25px;
border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}
.infor2-r .infor2-rb ul li b{font-size: 14px;color: #797979;line-height: 39px;text-align: center;
width: 192px;height: 39px;float: left;overflow: hidden; font-style: normal; font-weight: normal;
border-bottom: 1px solid #f1f1f1; }
.infor2-r .infor2-rb .next-info{ width: 415px; height: 27px; float: left; overflow: hidden; margin-left: 280px;
margin-top: 22px;}
.infor2-r .infor2-rb .next-info p{ width: 80px; height: 27px; float: left; background: #e8e8e8; text-align: center;
line-height: 27px; font-size: 14px; color: #535353; margin-right: 15px;}
.infor2-r .infor2-rb .next-info span{ width: 27px; height: 27px; float: left; background: #e8e8e8; text-align: center;
line-height: 27px; font-size: 14px; color: #535353; margin-right: 10px;}

#pages a{
	

    width: 27px;
    height: 27px;
    line-height: 27px;
    float: left;
    background: #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #535353;
    margin-right: 15px;
}

#pages a .previous{
	width: 80px;
    height: 27px;
    line-height: 27px;
    margin-right: 10px;
    float: left;
    background: #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #535353;
}

#pages a .next{
	width: 80px;
    height: 27px;
    line-height: 27px;
    margin-right: 10px;
    float: left;
    background: #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #535353;
}

#pages span{
	 width: 27px;
    height: 27px;
    line-height: 27px;
    float: left;
    background: #d5deeb;
    text-align: center;
    font-size: 14px;
    color: #535353;
    margin-right: 15px;
}


.list-p a {
	display: block;
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.list-p a:nth-child(5n){
	border-bottom: 15px solid #d5deeb;
}