/* CSS Document */

h1,h2,h3,h4,h5 { margin:0; }

li { list-style:none; }

body {  font-family:"Microsoft YaHei";  }

h1 { padding:0 10px 20px 10px; text-align:center; }
h1 a { font:36px/1 "Microsoft YaHei"; }

.container { width: 1000px; background:#fff; margin:0 auto; padding:0; position:relative; }

.menu { width:100%; height:35px; background:url(/news/template/special/mini5/images/navbar_bg.jpg); padding:0; margin-bottom:20px; overflow:hidden; }
.menu li { width:90px; height:35px; border-right:1px solid #000; padding:0; display:inline-block; text-align:center; -webkit-transition: all .6s; }
.menu li a { font:bold 14px/35px arial; color:#fff; text-shadow:0px 2px 2px #000; }
.menu li:hover { background:url(/news/template/special/mini5/images/navbar_bg_active.jpg) center 0; }
.menu .info { width:auto; font:12px/35px arial; color:#fff; border:0; padding-left:20px; }
.menu .info:hover { background:none; }
@media (min-width: 1300px) {
  .menu li { min-width:135px; }
}

.weixin { border:1px solid #eee; overflow:hidden; padding:5px 15px; margin-top:10px; font:14px/25px "Microsoft YaHei";  }
.weixin img { float:right; }
.weixin h5 a { line-height:25px; color:#0096D4; }

.banner { z-index:0; }

/*导语**/
.lead { background:url(/news/template/special/mini5/images/lead_bg.jpg); border-top:2px solid #001F4C; }
.lead > dt { padding:15px 15px; }
.lead > dt span { background:#333; color:#fff; font:14px/1 "Microsoft YaHei"; padding:4px 8px; }
.lead > dd { font:16px/2 arial; padding:10px 25px; }
#bdshare { float:right; width:200px; height:20px; }

.headline h1 { height:50px; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; letter-spacing:-2px; }
.headline h1 a { background:url(headline_flag.png) no-repeat; background-size:auto 100%; display:inline-block; text-align:center; padding-left:70px; }
.headline p { margin:10px; }

.over li { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; scolor:#69c; }

.tb1 { margin-top:10px; }
.tb1 > dt { height:50px; border-bottom:1px solid #dcdcdc; padding-right:10px; }
.tb1 > dt a { float:right; color:#B2BBCA; font: normal 14px/35px arial; }
.tb1 > dt span { font:bold 24px/49px 'Microsoft YaHei'; color:#000; display:inline-block; border-bottom:2px solid #0096D4; padding:0 5px; }
.tb1 >dd { }
.tb1 .text li { font:18px/30px "Microsoft YaHei"; }
.tb1 .text p { height:42px; color:#444; text-indent:2em; overflow:hidden; margin-bottom:15px; }
.tb1 .link li { font-size:16px;  color:#69c; }
.tb1 .link li a { font:16px/30px "Microsoft YaHei";}
.tb1 .pic { float:left; width:31%; height:130px; margin:1%; overflow:hidden; position:relative; text-align:center; }
.tb1 .pic:hover h4 { display:table-cell; }
.tb1 .pic img { max-width:100%; max-height:100%; }
.tb1 .pic h4 { width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; position:absolute; left:0; top:0; }
.tb1 .pic h4 a { width:100%; height:100%; color:#fff; font-size:14px; display:block; padding-top:30px; }


.titbar { height:173px; background:url(tit_xyjj.jpg) no-repeat center top; margin-top:50px; }
.tit_news { background-image:url(tit_news.png); }
.tit_yulin { background-image:url(tit_yulin.png); }
.tit_media { background-image:url(tit_media.png?1); }
.tit_hdpic { background-image:url(tit_hdpic.png?1); }
.xyjj dl:nth-child(2n) { border-left:1px solid #ddd; margin-left:-1px; }
.xyjj dl { float:left; width:49%; height:500px; padding:30px 50px; overflow:hidden; }
.xyjj dt { padding:5px 0; }
.xyjj dt hr { border-top:1px solid #9CBCD3; margin:0; margin-top:-15px; }
.xyjj dt span { padding-right:10px; background:#fff; font-size:24px; color:#3280AE; }
.xyjj dt a { padding:0 5px; background:#9CBCD3; color:#fff; margin-top:10px; }
.xyjj dd.text li { font:16px/30px "Microsoft YaHei"; color:#69c; }
.xyjj dd.text p { text-indent:2em; line-height:26px; }
.xyjj dd.pic { padding:10px 0; }
.xyjj dd.pic img { width:100%; }


.newMedia { overflow:hidden; }
.newMedia div:nth-child(2n) { margin-top:20px; }
.iphone { float:left; width:310px; height:636px; background:url(iphone.png) no-repeat; background-size:100% auto; padding:66px 9px; margin:0 10px; }
.iphone h4 { display:none;  text-align:center;  }

::-webkit-scrollbar  
{  
    width: 8px;  
    height: 16px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角**/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角**/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #555;  
} 

/*滚动图**/
.carousel .item {
  min-height: 220px;
  background-color: #fff;
}
.carousel-indicators { bottom:0; }
.carousel-indicators .active { background:#690; border-color:#690; }

#myCarousel .carousel-inner > .item img {
  width: 100%;
  height: auto; max-height:230px;
}

/* 滚动图 **/
.slideBox { width:540px; height:340px; background:#fff; overflow:hidden; position:relative; border:1px solid #ddd; padding:0;  }
.slideBox .hd{ width:100%; height:25px; background:none; overflow:hidden; position:absolute; left:0; z-index:1; text-align:left; padding-left:10px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; display:inline-block; }
.slideBox .hd ul li{ margin-right:5px;  width:10px; height:10px; font-size:0; border-radius:10px; line-height:14px; text-align:center; background:#ccc; cursor:pointer; display:inline-block; }
.slideBox .hd ul li.on{ background:#06C; }
.slideBox .bd{ height:340px; z-index:0; overflow:hidden; }
.slideBox .bd li{ height:340px; zoom:1; vertical-align:middle; position:relative; text-align:center; }
.slideBox .bd li h4 { width:100%; font:16px/30px "Microsoft YaHei"; color:#fff; background:rgba(0, 0, 0, .3); position:absolute; left:0; bottom:0;  padding-right:15px; }
.slideBox .bd img{ width:100%; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:30%; display:block; font-size:66px; color:#fff; text-shadow:1px 1px 2px #000; filter:alpha(opacity=50); opacity:0.3; text-decoration:none;   }
.slideBox .next{ left:auto; right:0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; text-decoration:none;  }

#slideBox2 { width:100%; height:500px; }
#slideBox2 .bd{ height:500px; }
#slideBox2 .bd li{ height:500px; }
#slideBox2 .prev,
#slideBox2 .next{top:38%; }

.foot { width:960px; font:12px/2.5 arial; margin-top:30px; clear:both; }
.foot a { }
@media (max-width: 1200px) {
  .foot { width: auto;  }
  .foot img { display:none; }

}

/*手机**/
@media (max-width: 720px) {
  body { background-size:100% auto;  }
  .banner { overflow:hidden; }
  .banner img { width:120%; margin:0 -10%;}
  .weixin { display:none; }
  .container { width: 100%; margin-top:0; }
  .tb1 .news { padding:0; }
  .tb1 .news i { margin-right:10px; width:120px; height:70px; margin-bottom:90px; background:url(/template/ylnews/images/logo_thumb.png) no-repeat center center; background-size:100% auto; }
  .tb1 .news div img { float:none; display:block; margin:10px auto; }
  .tb1 .news h3 a,
  .tb1 .news h3 { font:normal 16px/20px 'arial'; }
  .tb1 .news h3 { margin-bottom:10px; }
  .tb1 .news div { font: normal 14px/20px 'arial';  overflow:hidden; }
  
  .headline h1 { letter-spacing:-2px; }
  .headline h1 a { font:18px/23px "Microsoft YaHei"; background:none; background-size:auto 100%; padding-left:0; }
  .headline p { margin:10px; }
  
  .titbar { height:80px; background-size:auto 100%; margin-top:20px; }
  
  .slideBox { width:100%; height:230px;  }
  .slideBox .bd{ height:230px;  }
  .slideBox .bd li{ height:230px; }
  
  .iphone { float:none; width:100%; height:550px; background:none; margin:0; margin-top:0; }
  .iphone iframe { width:100%; height:500px; border:1px solid #ccc; }
  
  .iphone dl { float:none; width:100%; height:auto; }
  .iphone h4 { height:50px; line-height:50px; display:block; text-align:center; }
  
  .xyjj dl { float:none; width:100%; height:auto; padding:0 15px; }
}