body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
a:hover{text-decoration: none;cursor: pointer;}
.clearfix { *zoom:1; }
*{box-sizing: border-box;}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clear{
  clear: both;
}
/* 头部 */
.whhead,.first,.videoservice,.ccwq,.bottom{
  width: 100%;
  min-width: 1200px;
}
.whhead img,.bottom img{
  width: 100%;display: block;
}
/* 第一层 */
.first{
  height: 1070px;
  background: url('../images/images/first.png') no-repeat;
  background-size: 100% 100%;
}
.lunbo{
  width: 580px;height: 325px;
  background-color: #fff;margin-top: 150px;
}
/* swiper插件 */

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 18px;
  text-align: center;
  font-size: 14px;
  color:#d6543d;
  opacity: 1;
  background: #fff;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
  color:#fff;
  background: #d6543d;
}
.swiper-slide img{
  width: 100%;height: 100%;
}
.swiper-slide p{
  font-family: "PingFangSC-Regular";
  font-size: 18px;
  color: #FFFFFF;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 99;
  width: 100%;
  height: 59px;
  background-color:rgba(0,0,0,0.6);
  line-height: 59px;
  text-align: left;
  text-indent: 25px;
}
.swiper-pagination{
  text-align: right;left: 463px!important;width: 20%!important;
}
.swiper-pagination-bullet:last-child{margin-right: 16px!important;}
/* swiper插件结束 */
.ttxw{
  height: 425px;width: 580px;
  background-color: #fff;
  margin-top: 20px;
}
.ttxwtitle{
  background: url('../images/images/ttxwbg.png')no-repeat;
  color: #fff;
  font-size: 24px;
  width: 141px;height: 50px;
  line-height: 50px;
  text-indent: 13px;
  margin: 21px 0 0 21px;
}
.ttxwnr{
  border-bottom:1px solid #a2a2a2 ;
  width: 397px;height: 50px;
  margin: 21px 21px 0 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
}
.ccxdtitle{
  margin: 29px 21px 9px;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #ad311d;
  border-bottom: 1px dashed #a2a2a2;
}
.zi{
  background-color: #dca92f;
  display: inline-block;
  margin-right: 3px;
  width: 25px;
  color: #fff;
}
.xian1{
  width: 6px;height: 25px;
  background-color: #c54630;
  display: inline-block;
  vertical-align: middle;
}
.ccxdlist li{
  color: #545454;
  font-size: 18px;
  background: url('../images/images/xhd.png') center left no-repeat;
  margin-left: 21px;
  text-indent: 20px;
  line-height: 55px;
}
.message{
  width: 620px;height: 788px;
  background: url('../images/images/message.png');
  margin-top: 135px;
}
.click{
  width: 20px;height: 30px;
  position: relative;
  left: 542px;top: 28px;
}
.click:hover{
  cursor: pointer;
}
#messagenr1,#messagenr2{
  font-size: 18px;
  color: #3a3939;
  width: 450px;
  margin: 127px 64px;
}
#messagenr1 div,#messagenr2 div{
  margin-bottom:38px;line-height: 34px;
}
/* 春城温情 */
.ccwq{
  background: url('../images/images/ccwqbg.jpg') no-repeat;
  background-size: 100% 100%;
  height: 710px;
  padding-top: 87px;
}
.lunbo2{
  width: 1200px;margin: auto;height: 414px;
  background: url('../images/images/blockbg.png');
  background-size: 100% 100%;
}
/* 第二个轮播图 */
.swiper-container2{width: 100%;height: 100%;}
.swiper-container2 .swiper-slide span{
  font-size: 30px;color: #444;margin-top: 10px;font-weight: bold;display: block;
}
.swiper-container2 h4{font-size: 18px;color: #444;display: inline;line-height: 34px;}
.swiper-container2 a:hover{color:#ad311d ;}
.swiper-container2 .swiper-slide{text-align: left;display: block;}
.swiper-pagination2{
  position: relative;bottom: 383px!important;
}
.swiper-pagination2 .swiper-pagination-bullet{
  width: 64px;
  height: 21px;vertical-align: bottom;
  font-size: 14px;line-height: 21px;
  background-color: #3a408d;color: #fff;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
  height: 35px;font-size: 24px;line-height: 39px;background-color: #ad311d;
}
/* 第二个轮播图结束 */
.ccwqtitle{
  margin: 101px 40px 0 60px;
}
.xian2{
  width: 42px;height: 10px;
  background-color: #bb2004;
}
.zi2{
  width: 38px;font-size: 35px;margin-left: 4px;font-weight: bold;margin-top: 5px;color: #ad311d;
}
.zi22{
  background-color: #3a408d;color: #fff;padding:0;text-indent: 4px;margin-left: -4px;
}
/* 视频播报 */
.videoservice{
  background: url('../images/images/vs.jpg') no-repeat;
  background-size: 100% 100%;
  height: 1730px;
}
.vstitle{
  padding: 30px 0 52px;
  font-size: 58px;
  font-weight: bold;
  letter-spacing: 10px;
  color: #ad311d;
  text-align: center;
}
.zi3{
  background-color: #c54630;
  display: inline-block;
  margin:-15px 10px 0px -19px;
  width: 58px;
  color: #fff;
  line-height: 64px;
  vertical-align: middle;
}
.xian3{
  width: 15px;height: 62px;    margin-top: -15px;
  background-color: #dca92f;
  display: inline-block;
  vertical-align: middle;
}
/* 三个视频内容 */
.parent>div{
  position: relative;
}
#videoPlayer1,#videoPlayer2,#videoPlayer3{width: 905px;height: 510px;float: left;margin-left: 10px;}
#videoPlayer2,#videoPlayer3{display: none;}
#ctrl,#ctrl2,#ctrl3 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -60px;
  margin-left: -60px;
}

#ctrl img,#ctrl2 img,#ctrl3 img {
  width: 120px;
  height: 120px;
}

.videophoto {
  width: 262px;
  height: 147px;
  float: right;
  cursor: pointer;
  margin: 0 9px 15px 0;text-align: center;
}
.videophoto img{margin-top: 50px;}
.morevideo{
  background: url('../images/images/morevideo.png');
  width: 262px;height: 39px;
}
/* 视频结束 */
/* 春城服务 */
.youke{
  width: 670px;height: 480px;
  background: url('../images/images/youkebg.png');
  padding:45px;
}
.youketitle{
  width: 100%;
  border-bottom: 1px solid #eed557;padding-bottom: 12px;
}
.youketitle a{
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 12px;
  color: #eed557;
  border-bottom:5px solid #eed557 ;
}
.youke span{
  font-size: 24px;
  color: #fff;
  line-height: 65px;
  padding-left: 13px;
  vertical-align: sub;
}
.youke a{
  vertical-align: middle;
}
.qiye{
  width: 510px;height: 480px;
  padding:45px;
  background: url('../images/images/qiyebg.png');
}
.qiyetitle{
  width: 100%;
  border-bottom: 1px solid #2d2d83;padding-bottom: 12px;
}
.qiyetitle a{
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 12px;
  color: #2d2d83;
  border-bottom:5px solid #2d2d83 ;
}
.qiye span{
  font-size: 24px;
  color: #2d2d83;
  line-height: 65px;
  padding-left: 13px;
  vertical-align: sub;
}