.intro .w518{width:518px;}
.intro .h240{height:240px;}
.intro .news-main{width:824px;}
.intro .news-side{width:317px;}
.intro .com-side{width:230px;}
.intro .com-main{width:900px;}

/*dynamic*/
.intro .dynamic{height:284px;padding-bottom:15px;}

/*SideBox*/
.intro .slideBox{position:relative;width:518px;height:284px;overflow:hidden;}
.intro .slideBox .bd {position:absolute;width:518px;height:284px;}
.intro .slideBox .bd  ul{overflow:hidden;zoom:1;}
.intro .slideBox .bd  li .pic img{display:block;width:518px;height:284px;}
.intro .slideBox .bd  li .title{position:absolute;width:508;line-height:45px;padding-left:10px;bottom:0px;z-index:33;}
.intro .slideBox .bd  li .title a{color:#fff;font-size:14px;}
.intro .slideBox .bd  li .bg{position:absolute;width:518px;height:45px;bottom:0px;background:#055096;opacity:0.56;filter:alpha(opacity=65);}
.intro .slideBox .hd{position:absolute;width:100px;float:right;height:45px;bottom:0px;right:6px;z-index:90;}
.intro .slideBox .hd ul{float:right;}
.intro .slideBox .hd li{display:inline-block;_zoom:1;float:left;width:8px;height:8px;line-height:8px;color:#000;background:#fff;margin:18px 0;cursor:pointer;margin-right:10px;text-align:center;background:#fff;}
.intro .slideBox .hd li span{display:none;}
.intro .slideBox .hd li.on{background:#e23636;color:#fff;}

/*info-tab*/ 
.intro .head-lines{width:245px;height:238px;padding:23px;margin-left:20px;background:#fff;}
.intro .head-lines h3{padding:10px 0;line-height:32px;color:#01589f;font-size:18px;font-weight:normal;}
.intro .head-lines a{display:block;width:33.3333%;padding-top:8px;float:left;text-align:center;line-height:20px;font-size:14px;}

.intro .culture{width:310px;}

.charm{width:622px;}
.charm .bd{padding-top:20px;overflow:hidden;}
.charm-list{width:632px;display:inline-block;}
.charm-list li{position:relative;width:148px;height:245px;margin-right:10px;float:left;overflow:hidden;}
.charm-list li>*{display:block;position:absolute;transition:all .3s ease-in;}
.charm-list li img{width:148px;height:245px;}
.charm-list li:hover img{transform:scale(1.1);}
.charm-list li:hover span{opacity:1;}
.charm-list li span{width:97px;height:97px;left:50%;top:50%;margin:-48.5px auto auto -48.5px;border-radius:100%;background-color:#78b929;opacity:.75;filter:alpha(opacity=65);}
.charm-list li a{width:97px;left:50%;top:50%;line-height:31px;padding:17.5px 0;margin:-48.5px auto auto -48.5px;border-radius:100%;font-size:24px;color:#fff;text-align:center;}
.charm-list li.li2 span{background-color:#003e79;}
.charm-list li.li3 span{background-color:#e98e0c;}
.charm-list li.li4 span{background-color:#d05de9;}