*{padding:0; margin:0;}
body{line-height:24px; font-size:12px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.gif);}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:0;}
.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#404040; text-decoration:none;}
a:hover{text-decoration:underline;}
.box{width:980px; margin:0 auto; clear:both;}
.title{height:95px; background:url(../images/tit-bg.jpg) 0 bottom no-repeat; margin-top:40px; margin-bottom:15px;}
.title .tit-01{width:240px; float:left; height:67px;}
.title .tit-02{width:315px; float:left; height:67px;}
.title .tit-03{width:405px; float:left; height:67px;}
.title .t1{background:url(../images/title-01.jpg) no-repeat;}
.title .t2{background:url(../images/title-02.jpg) no-repeat;}
.title .t3{background:url(../images/title-03.jpg) no-repeat;}
.title .t4{background:url(../images/title-04.jpg) no-repeat;}
.title .t5{background:url(../images/title-05.jpg) no-repeat;}
.title .txt1{width:680px; height:60px; overflow:hidden; color:#777; padding:10px 25px 0 25px; line-height:20px; float:left;}
.title .more{width:95px; height:29px; float:right; margin-top:30px;}
.title .arrow{width:120px; height:95px; float:right; position:relative;}
.title .arrow a{width:45px; height:45px; display:block; position:absolute; top:20px;}
.title .arrow .prev{background:url(../images/arrow-prev.png) no-repeat; left:10px;}
.title .arrow .next{background:url(../images/arrow-next.png) no-repeat; right:0px;}
/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}
/*header*/
.header{width:100%; height:379px; background:url(../images/header.jpg) center 0 no-repeat;}
/*guide*/
.guide{width:100%; height:253px; background:url(../images/guide.jpg) center 0 no-repeat;}
.guide .box{position:relative;}
.guide .txt{width:590px; padding:50px 0 0 60px; color:#044b70; height:190px;}
.guide .txt h3{font-size:20px; font-weight:normal; height:30px; line-height:30px; margin-bottom:6px;}
.guide .txt p{font-size:14px; font-style:italic;}
.guide .txt a{color:#044b70;}
.guide .a{width:185px; height:50px; position:absolute; top:168px; right:118px; display:block;}
/*look-back*/
.look-back{width:1080px; margin:0 auto; position:relative;}

.look-back .prev, .look-back .next{width:30px; height:52px; position:absolute; top:30%;}
.look-back .prev a, .look-back .next a{display:block;}
.look-back .prev{left:0; background:url(../images/prev.png) no-repeat;}
.look-back .next{right:0; background:url(../images/next.png) no-repeat;}
.look-back .imgbox{ height:230px; padding-top:15px;}
.look-back .imgbox ul{}
.look-back .imgbox li{width:230px; height:230px; float:left; margin-right:20px;}
.look-back .imgbox a{width:200px; height:200px; padding:15px; display:block; background:url(../images/look-back-bg.png) no-repeat;}
.look-back .imgbox li img{width:200px; height:200px;}
.look-back .imgbox .selectTag{background:url(../images/look-back-bg-hover.png) no-repeat;}
.look-back #tags li.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
.look-back #tags li.selectTag {width:230px; height:230px;}
.look-back #tags li.selectTag a {background:url(../images/look-back-bg-hover.png) no-repeat;}
.look-back #tagContent{width:980px; height:159px; background:url(../images/art-txt-bg.jpg) no-repeat; margin:0 auto;}
.look-back .tagContent {display:none;}
.look-back #tagContent DIV.selectTag {display: block;}
.look-back .tagContent{width:980px; height:159px; clear:both;font-size:14px;}
.look-back .tagContent .name{width:170px; height:119px; padding:20px 30px; float:left; text-align:center;}
.look-back .tagContent .name h4{font-size:40px; color:#fff; height:50px; line-height:50px; font-weight:normal;}
.look-back .tagContent .name p{color:#b6fa7a; line-height:18px;}
.look-back .tagContent .text{width:650px; padding:40px 40px 0 40px; color:#daffbb; float:left; overflow:hidden;}
.look-back .tagContent .text a{color:#daffbb;}

/*planning*/
.planning{}
.planning .subtit{height:50px; clear:both;}
.planning .subtit .st{height:50px; width:80px; float:left;}
.planning .s1{background:url(../images/special-01.gif) no-repeat;}
.planning .s2{background:url(../images/special-02.gif) no-repeat;}
.planning .s3{background:url(../images/special-03.gif) no-repeat;}
.planning .subtit h4{border-bottom:solid #96bae5 1px; height:28px; margin-left:73px; padding:20px 0 0 10px; font-size:18px; color:#000; font-weight:normal;}
.planning .nexs{width:650px; float:left;}
.planning .nexs ul{width:650px; padding:15px 0; height:140px; clear:both;}
.planning .nexs li{width:310px; float:left; background:url(../images/news-icon.png) 0 10px no-repeat; padding-left:15px; font-size:14px;}
.planning .project{width:290px; float:right;}
.planning .project .img-box{width:246px; background:#fff; border:1px solid #ddd; padding:5px; margin:15px 0; float:right;}
.planning .project .img-box img{width:246px; height:104px;}

/*inventory*/
.inventory{width:990px; margin:0 auto;overflow:hidden;}
.inventory .in-box{height:500px;width:10000px;position:relative;top:0px;left:0px;}
.inventory .in-box .li{width:320px; height:480px; float:left; margin:0 5px;}
.inventory .in-box .li .in-img{width:320px; height:202px;}
.inventory .in-box .li .news{width:300px; padding:10px; background:url(../images/line.png) right bottom no-repeat;}
.inventory .in-box .li .news li{height:26px; overflow:hidden; line-height:26px; background:url(../images/news-icon.png) 0 center no-repeat; padding-left:15px;}


/*art-work*/
.art-work{width:1000px; margin:0 auto;overflow:hidden;}
.art-work ul{height:325px;top:0px;left:0px;width:50000px;}
.art-work li{width:231px; height:325px; float:left; margin:0 9px; background:#f3f3f3;}
.art-work li img{border:8px solid #fff;}
.art-work li p{line-height:18px; background:url(../images/pic-bg.png) 0 15px no-repeat; padding:10px 10px 0 55px;}
/*youth-art*/

.youth-art{width:470px; height:500px;}
.youth-art .art-box{width:470px; height:355px; background:url(../images/box-bg.gif);}
.youth-art .art-box .img{width:255px; height:355px; float:left; position:relative;}
.youth-art .art-box .img .heart-box{width:100px; height:30px; background:url(../images/heart-box.png) no-repeat;position:absolute; right:0; bottom:10px; padding:10px 0 0 15px;}
.youth-art .art-box .img .heart{width:70px; color:#bc3334; background:url(../images/heart-icon.png) left center no-repeat;  height:24px; padding-left:30px;}
.youth-art .art-box .img img{width:255px; height:355px;}
.youth-art .art-box .text{width:200px; float:left; padding:15px 15px 0 0;}
.youth-art .art-box .text .subtit{width:90px; height:40px; background:url(../images/art-name-bg.png) no-repeat; font-size:20px; color:#fff; text-align:center; line-height:40px; margin-bottom:15px;}
.youth-art .art-box .text .subtit a{color:#fff;}

.youth-art .art-box .text .d{width:185px; margin-left:15px; color:#a8a8a8; font-style:italic; font-size:14px; height:100px;}
.youth-art .art-box .text h5{color:#5b9f22; font-size:14px; margin:10px 15px; font-weight:normal;}
.youth-art .art-box .text img{margin-left:15px; width:185px; height:130px;}


.youth-art .mentor{width:450px; height:88px; background:url(../images/mentor-bg.gif) no-repeat; clear:both; padding:10px;}
.youth-art .mentor .img{width:83px; height:83px; float:left;}
.youth-art .mentor .img img{width:77px; height:77px; border:solid 3px #fff;}
.youth-art .mentor .text{width:300px; float:right; padding-right:40px; line-height:20px; color:#797979;}

.youth-art .mentor .text .subtit{font-size:12px; color:#2b2b2b; margin-bottom:8px;}
.youth-art .mentor .text .subtit span{font-size:16px; color:#2a80ed;}
.youth-art .mentor .text .subtit span a{color:#2a80ed;}


/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}

.imgbox{position:relative;top:0px;left:0px;overflow:hidden;width:980px;margin:0px auto;}
#tags{height:230px;width:23000px;float:left;}


.menu{width:108px; background:#ecf2e8; text-align:center; color:#fff;position:absolute;visibility:hidden;}
.menu .con{width:108px; height:32px; background:#7abb43; line-height:32px; font-size:14px;}
.menu ul{}
.menu li{height:80px;}
.menu li img{width:70px; height:70px;}
.menu .share{width:98px; background:#7abb43; padding:15px 5px; position:relative;}
.menu .share span{width:68px; padding:0 15px; display:block; line-height:18px;}








