.w518{width:518px;}
.h180{height:180px;}
.intro-main{width:777px;}
.intro-side{width:363px;}
.com-side{width:230px;}
.com-main{width:900px;}

/*dynamic*/
.dynamic{height:344px;padding-bottom:20px;}

/*SideBox*/
.slideBox{position:relative;width:777px;height:344px;overflow:hidden;}
.slideBox .bd {position:absolute;width:777px;height:344px;}
.slideBox .bd  ul{overflow:hidden;zoom:1;}
.slideBox .bd  li .pic img{display:block;width:777px;height:344px;}
.slideBox .bd  li .title{position:absolute;width:767px;line-height:45px;padding-left:10px;bottom:0px;z-index:33;}
.slideBox .bd  li .title a{color:#fff;font-size:14px;}
.slideBox .bd  li .bg{position:absolute;width:777px;height:45px;bottom:0px;background:#055096;opacity:0.56;filter:alpha(opacity=65);}
.slideBox .hd{position:absolute;width:100px;float:right;height:45px;bottom:0px;right:6px;z-index:90;}
.slideBox .hd ul{float:right;}
.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;}
.slideBox .hd li span{display:none;}
.slideBox .hd li.on{background:#e23636;color:#fff;}

/*beautiful*/
.beautiful {}
.beautiful .hd{height:34px;border-bottom:1px solid #b9c4c8;}
.beautiful .hd h3{display:inline-block;position:relative;}
.beautiful .hd h3 a{display:inline-block;padding:0 22px 0 40px;height:35px;line-height:35px;font-size:15px;background:#1c64a0 url(imagesicon.png) no-repeat 10px center;color:#fff;}
.beautiful .bd{padding-top:20px;position:relative;width:100%;height:191px;}
.beautiful .pic{width:315px;position:absolute;left:0;top:20px;}
.beautiful .pic img{display:block;width:315px;height:191px;}
.beautiful .head-lines{padding-left:335px;}
.beautiful .head-lines p{line-height:20px;color:#222;font-size:14px;font-weight:normal;}
.beautiful .head-lines p a{color:#de3131;}
.beautiful .beau-list{position:absolute;right:0px;bottom:0;width:450px;height:80px;}
.beautiful .beau-list a{display:block;width:102.5px;margin:10px 0 0 10px;float:left;text-align:center;line-height:30px;font-size:14px;background-color:#fff;}
.beautiful .beau-list a:hover{background-color:#78b929;color:#fff;}

/*side-menu*/
.side-menu{height:127px;overflow:hidden;}
.side-menu h3{float:left;width:110px;height:97px;padding-top:30px;background:#2e75bb url(imagesicon2.png) no-repeat 10px center;text-align:center;font-weight:normal;cursor:pointer;}
.side-menu h3.on{background-image:none;}
.side-menu h3 a{font-size:24px;color:#fff;}
.side-menu h3.h-1{}
.side-menu h3.h-2{background-color:#7fc12d;}
.side-menu h3.h-3{background-color:#e67676;}
.side-menu h3.h-4{background-color:#84a7d6;}
.side-menu ul{float:left;display:inline-block;width:306px;padding:7px 15px;height:117px;border-left:none;overflow:hidden;background-color:#e7e9e7;}
.side-menu ul li{width:305px;float:left;height:22px;line-height:22px;padding-left:15px;background:url(imageslist-icon.png) no-repeat 3px center;}
.side-menu ul li a{font-size:16px;}

/*intro-other*/
.intro-other {}
.intro-other .bd{padding-top:18px;}
.intro-other .hd ul li.on{background-color:#1c64a0;}

.intro-other .intro-list{height:223px;overflow:hidden;}
.intro-other .intro-list li{position:relative;width:100%;height:223px;}
.intro-other .intro-list li img,.intro-other .intro-list li a{display:block;}
.intro-other .intro-list li img{width:363px;height:223px;}
.intro-other .intro-list li i{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:63px;height:63px;margin:auto;background-image:url(imagesicon3.png);}

/*.loop-pic{ position:relative; height:223px; z-index:0;}
.loop-pic li{ zoom:1; vertical-align:middle; }
.loop-pic li a{display:block;}
.loop-pic li img{ width:363px;height:223px; display:block;}
.loop-pic .prev,
.loop-pic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(imagesslider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.loop-pic .next{ left:auto; right:3%; background-position:8px 5px; }
.loop-pic .prev:hover,
.loop-pic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.loop-pic .prevStop{ display:none;}
.loop-pic .nextStop{ display:none;} */

/*intro-list-box*/
.intro-list-box{width:100%;height:223px;overflow:hidden;}
.intro-list-box ul{width:100%;display:inline-block;}
.intro-list-box ul li{position:relative;width:176px;float:left;margin-bottom:10px;}
.intro-list-box ul li.li2,.intro-list-box ul li.li4{float:right;}
.intro-list-box ul li.li3,.intro-list-box ul li.li4{margin-bottom:0;}
.intro-list-box ul li a,.intro-list-box ul li img,.intro-list-box ul li a span{display:block;}
.intro-list-box ul li img{width:176px;height:106px;}
.intro-list-box ul li a span{position:absolute;width:100%;left:0;bottom:0;height:30px;line-height:30px;text-align:center;font-size:14px;background-color:#000;color:#fff;opacity:0.8;filter:alpha(opacity=80);}