*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; background:url(../images/body-bg.gif); font-family:Microsoft YaHei; color:#5e5e5e;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}

a{color:#5e5e5e; text-decoration:none;}
a:hover{text-decoration:underline;}


.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
.box{width:980px; margin:0 auto; position:relative;}
h4{font-size:14px; color:#101010; font-weight:normal;}
h4 a{color:#101010;}


/*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:right; margin:0 3px;height:30px; line-height:30px;}
.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%; background:url(../images/header.jpg) center 0 no-repeat; height:417px;}
.guide{width:600px; position:absolute; top:285px; left:185px; color:#eee8d7; line-height:20px;}
.guide strong{font-size:14px;}

/*online*/
.online{height:685px; background:url(../images/zqc-01.jpg) 2px 0 no-repeat;}
.online div{position:absolute;}
.online .wk1{width:276px; height:183px; left:140px; top:130px;}
.online .wk2{width:270px; height:135px; left:435px; top:20px;}
.online .wk3{width:272px; height:131px; left:435px; top:175px;}
.online .wk4{width:188px; height:153px; left:100px; top:330px;}
.online .wk5{width:164px; height:153px; left:315px; top:330px;}
.online .wk6{width:212px; height:154px; left:505px; top:330px;}
.online .wk7{width:235px; height:211px; left:738px; top:270px;}
.online .wk8{width:245px; height:173px; left:140px; top:505px;}
.online .wk9{width:250px; height:172px; left:412px; top:505px;}
.online .wk10{width:287px; height:173px; left:686px; top:505px;}
.online .wk11{width:247px; height:230px; left:725px; top:20px;}



.online-txt{height:234px; background:url(../images/zqc-02.jpg) 2px 0 no-repeat;}
.online-txt .txtbox{position:absolute; top:35px; left:210px; width:720px;}
.online-txt .txtbox h4{color:#4193a7; font-size:16px; line-height:30px;}
.online-txt .txtbox p{color:#7a7a7a;}
.online-txt .txtbox ul{padding:15px 0 0 15px;}
.online-txt .txtbox li{width:330px; float:left; margin-left:10px; background:url(../images/icon.gif) 0 center no-repeat; padding-left:12px;}

/*graduation*/
.graduation{height:355px; background:url(../images/zqc-03.jpg) 2px 0 no-repeat;}
.graduation .txtbox{width:380px; position:absolute;}
.graduation .txtbox h4{margin-bottom:8px;}
.graduation .one{top:138px; left:20px;}
.graduation .two{top:138px; left:460px;}
.graduation .three{top:290px; left:20px;}
.graduation .four{top:215px; left:460px;}

/*art*/
.art1{height:687px; background:url(../images/zqc-04.jpg) 2px 0 no-repeat;}
.art-box{width:585px; height:220px; background:url(../images/art-box.jpg) 0 40px no-repeat; position:absolute;}
.art-box .txtbox{width:561px; height:145px; padding:0 12px;}
.art-box .txtbox .imgbox{width:98px; height:100px; float:left;}
.art-box .txtbox .imgbox img{width:98px; height:100px;}
.art-box .txtbox .text{width:463px; float:left; padding-top:50px;}
.art-box .txtbox .text h4{margin-bottom:5px;}
.art-box  ul{width:500px; margin:0 auto;}
.art-box  ul li{width:238px; height:76px; float:left; margin:0 5px;}
.art-box  ul li img{width:238px; height:76px;}
.one{left:395px; top:50px;}
.two{left:260px; top:255px;}
.three{left:130px; top:465px;}
.four{left:260px; top:10px;}
.five{left:395px; top:250px;}
.art2{height:517px; background:url(../images/zqc-05.jpg) 2px 0 no-repeat;}



/*where*/
.where{height:412px; background:url(../images/zqc-06.jpg) 2px 0 no-repeat;}
.where .txtbox{padding:10px 0 0 10px;}
.where .text{width:350px; float:left; margin:25px;}
.where .text h4{margin-bottom:8px;}
.where .text .img{width:350px; height:114px; margin-bottom:5px;}
.where .text .img img{width:350px; height:114px;}
.where .text ul{margin-top:16px;}
.where .text li{width:330px; float:left; background:url(../images/icon.gif) 5px center no-repeat; padding-left:18px;}

/*education*/
.education{height:345px; background:url(../images/zqc-07.jpg) 1px 0 no-repeat;}
.education h4{margin-bottom:5px;}
.education .content1{width:540px; margin:0 auto; padding:50px 0 30px 25px;}
.education .content2{width:415px; float:left; padding-top:5px;}
.education .content3{width:385px; float:right; padding-right:20px;}
.education .conbox{width:860px; padding:5px 0 0 105px;}

/*artwork*/
.artwork{height:1057px; background:url(../images/zqc-08.jpg) 1px 0 no-repeat;}
.artwork div{position:absolute;}
.artwk1{width:214x; height:155px; top:10px;}
.arwk2{width:214px; height:374px; top:185px;}
.arwk3{width:214px; height:271px; left:240px; top:70px;}
.arwk4{width:405px; height:184px; left:480px; top:156px;}
.arwk5{width:324px; height:196px; left:240px; top:364px;}
.arwk6{width:300px; height:276px; left:588px; top:364px;}
.arwk7{width:560px; height:220px; top:580px;}
.arwk8{width:258px; height:140px; left:588px; top:660px;}
.arwk9{width:190px; height:230px; top:820px;}
.arwk10{width:192px; height:230px; left:213px; top:820px;}
.arwk11{width:430px; height:230px; left:426px; top:820px;}

.arwk12{width:148px; height:226px; top:6px;}
.arwk13{width:385px; height:226px; left:170px; top:6px;}
.arwk14{width:229px; height:226px; left:577px; top:6px;}
.arwk15{width:422px; height:191px; top:257px; left:1px}


/*conclusion*/
.conclusion{height:448px; background:url(../images/zqc-09.jpg) 2px 0 no-repeat}
.conclusion div{position:absolute;}
.conclusion .text-box{width:495px; color:#fff; right:20px; bottom:15px;}




/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:163px; clear:both; margin-top:20px;}
.bottom ul{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom ul a{color:#373737; text-decoration:none;}
.bottom ul a:hover{color:#373737; text-decoration:underline;}