@charset "utf-8";
/* CSS Document */
body{font:12px Verdana, Arial, Helvetica, sans-serif;text-align:center;margin:0;padding:0;background-color:#ffffff;}
ul,li,ol,p,form,h1,h2,h3,h4,h5,dl,dd,dt{margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;}
ul,li,ol{list-style:none;}
textarea,input,select{font-size:12px;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}

.blue{color:#5889af;}
.blue a{color:#5889af;}
.floatleft{float:left}
.clearboth{clear:both}

#wrap{width:1000px;text-align:left;margin:0 auto;font:12px Arial, Helvetica, sans-serif;}

#navigation{width:819px;}
#logo{float:left;padding:28px 0 8px 0;*padding:10px 0 10px 0;_padding:28px 0 8px 0;}
#nav{float:left;padding-top:78px;padding-left:230px; position:relative;top:-5px;*top:-30px;_top:-5px;}
#activebanner,#navigation,#ebanner,#aboutbanner,#contactbanner,#joinbanner,#newsbanner,#gbanner,#tbanner,#loginbanner{margin-left:42px;width:819px;height:77px;}
#activebanner1,#navigation1,#ebanner1,#aboutbanner1,#contactbanner1,#joinbanner1,#newsbanner1,#gbanner1,#tbanner1,#loginbanner1{height:133px;}
#foot{background:url(../images/footerbg.gif) no-repeat;height:53px;text-align:center;line-height:53px;margin-left:42px;}
#activebanner{background:url(../images/bannerbg.gif) no-repeat;}
#activebanner1{background:url(../images/bannerbg1.gif) no-repeat;}
#ebanner{background:url(../images/ebanner.gif) no-repeat;}
#ebanner1{background:url(../images/ebanner1.gif) no-repeat;}
#gbanner{background:url(../images/gbanner.gif) no-repeat;}
#gbanner1{background:url(../images/gbanner1.gif) no-repeat;}
#tbanner{background:url(../images/tbanner.gif) no-repeat;}
#tbanner1{background:url(../images/tbanner1.gif) no-repeat;}
#aboutbanner{background:url(../images/abanner.gif) no-repeat;}
#aboutbanner1{background:url(../images/abanner1.gif) no-repeat;}
#contactbanner{background:url(../images/cbanner.gif) no-repeat;}
#contactbanner1{background:url(../images/cbanner1.gif) no-repeat;}
#loginbanner{background:url(../images/loginbanner.gif) no-repeat;}
#loginbanner1{background:url(../images/loginbanner1.gif) no-repeat;}
#joinbanner{background:url(../images/jbanner.gif) no-repeat;}
#joinbanner1{background:url(../images/jbanner1.gif) no-repeat;}
#newsbanner{background:url(../images/nbanner.gif) no-repeat;}
#newsbanner1{background:url(../images/nbanner1.gif) no-repeat;}

#main{background:url(../images/leftbg.gif) repeat-y left;clear:both;}
#main1{background:url(../images/rightbg.gif) repeat-y right;}
#container{clear:both;}
#left{background:url(../images/sidebarbg.gif) no-repeat right;height:350px;width:258px;float:left;}
#leftsidebar{padding:32px 0 0 0;width:230px;}
#leftsidebar li{text-align:right;margin-bottom:10px;}
#leftsidebar li img{border:0;}
#middle{width:593px;float:left;}
#middlebox{border-left:1px solid #83a8c1;border-right:1px solid #83a8c1;width:583;margin-left:8px;}
#middbot{margin-left:8px;}
#content{color:#666666;padding:37px 28px 10px 28px;}
#content h2{margin-bottom:22px;}
#content h4{margin-bottom:22px;font-size:14px;font-weight:bold;color:#FF6600;}
#content h3{color:#5889af;font-weight:bold;line-height:20px;}
#content h3 a{color:#5889af;}
#content p{line-height:22px;padding-bottom:12px;}
#right{width:149px;float:left;}
.rightsub{padding-top:89px;}
#layer1{min-height:320px;}
#layer1 a{color:#5889af;}

#rightsidebar{padding-top:64px; cursor:pointer;}
#rightsidebar li{margin:0;padding:0;}
#rightsidebar li.s1{background:url(../images/submenu1.gif) no-repeat;}
#rightsidebar li.s2{background:url(../images/submenu2.gif) no-repeat;}
#rightsidebar li.over{background:url(../images/submenu11.gif) no-repeat;}
#rightsidebar li.over1{background:url(../images/submenu21.gif) no-repeat;}
#rightsidebar li.s1,#rightsidebar li.over{width:111px;height:61px;display:block;}
#rightsidebar li.s2,#rightsidebar li.over1{width:111px;height:60px;display:block;}

#joinsub{padding-top:64px;}
#joinsub li span{padding-left:10px;}
#joinsub li.joinover{background:url(../images/joinav1.gif) no-repeat;height:40px;width:110px;line-height:38px;display:block;}
#joinsub li.joinover1{background:url(../images/joinav2.gif) no-repeat;height:40px;width:110px;line-height:38px;display:block;color:#ffffff;font-weight:bold;}
#joinsub li.joinover2{background:url(../images/joinav3.gif) no-repeat;height:62px;width:110px;display:block;line-height:14px;}
#joinsub li.joinover3{background:url(../images/joinav4.gif) no-repeat;height:62px;width:110px;display:block;color:#ffffff;font-weight:bold;}

#joinsub li.joinover2 div,#joinsub li.joinover3 div{padding:10px 10px;}

.basicinfo{clear:both;width:100%;padding-bottom:12px;font-family:"宋体";}
.basicinfo li{clear:both;line-height:22px;}
.row1{float:left;width:260px;}
.row2{float:left;width:260px;}

#interactiveworks{text-align:center;padding:20px 0 50px 0;}
.case{padding:12px 0;}
.case li{padding:4px 0;clear:both;}
.li1{color:#5889af;float:left;width:15px;padding-top:3px;}
.li2{color:#5889af;float:left;width:500px;}
.li2 a{color:#666;float:left;}

#newlist dt{color:#5889af;font-weight:bold;line-height:22px;}
#newlist dt a{color:#5889af;}
#newlist dd{padding-left:12px;color:#666;margin-bottom:26px;line-height:22px;}

.more{padding-left:12px;font-weight:bold;color:#ff6600;}
.more a{color:#ff6600;}

#page{text-align:center;color:#666;}
#page a{color:#5889af;}

/**/
.workslist{clear:both;margin:40px 0 50px 0;}
.arrowleft{float:left;width:30px;padding-top:64px;}
.workscontent{float:left;}
.workscontent ul{float:left;width:450px;}
.workscontent li{display:inline;margin-right:10px;}
.workscontent li img{border:0;margin-bottom:20px;cursor:pointer;}
.arrowright{float:left;padding-top:226px;}
.arrowright1{float:left;padding-top:64px;}
/**/
#newsidebar{padding-top:64px; cursor:pointer;}
#newsidebar li{margin:0;padding:0;}
#newsidebar li.n1{background:url(../images/newnav1.gif) no-repeat;}
#newsidebar li.n2{background:url(../images/newnav2.gif) no-repeat;}
#newsidebar li.nover{background:url(../images/newnav11.gif) no-repeat;}
#newsidebar li.nover1{background:url(../images/newnav21.gif) no-repeat;}
#newsidebar li.n1,#newsidebar li.nover{width:125px;height:64px;display:block;}
#newsidebar li.n2,#newsidebar li.nover1{width:125px;height:63px;display:block;}


/**/
#casesidebar{padding-top:64px; cursor:pointer;}
#casesidebar li{margin:0;padding:0;}
#casesidebar li.case1{background:url(../images/casenav1.gif) no-repeat;}
#casesidebar li.case2{background:url(../images/casenav2.gif) no-repeat;}
#casesidebar li.cover{background:url(../images/casenav.gif) no-repeat;}
#casesidebar li.cover1{background:url(../images/casenav21.gif) no-repeat;}
#casesidebar li.case1,#casesidebar li.cover{width:126px;height:62px;display:block;}
#casesidebar li.case2,#casesidebar li.cover1{width:126px;height:62px;display:block;}

.ptabs{margin-bottom:12px;line-height:22px;}


#morecase li{background:url(../images/icon.gif) no-repeat left 6%; padding-left:24px;color:#666666;font-size:13px;font-weight:bold;margin-bottom:10px;}
#morecase li a{color:#666666;}

/*Login CSS*/
#login{background:url(../images/loginbg.gif) no-repeat;width:326px;margin:90px auto;height:373px;}
#loginbar{padding:23px 0 0 16px;}
#loginbar li{float:left;}
.userlogin{background:url(../images/loginbg1.gif) no-repeat;width:92px;height:26px;line-height:26px;text-align:center;font-weight:bold;color:#438AB0;margin-right:2px;}
.stafflogin{background:url(../images/loginbg2.gif) no-repeat;width:94px;height:23px;line-height:23px;text-align:center;color:#fff;margin-top:2px;}
.loginform{padding:55px 20px 20px 20px!important;padding:35px 20px 20px 20px;color:#003366;}
.loginform li{clear:both;line-height:22px;height:30px;}
.hint{float:left;width:94px;text-align:right;}
.input{float:left;width:104px;}
.btn{padding-left:47px;padding-top:10px;}

/*larger view*/
.imagestab{width:511px;height:408px;position:absolute;top:378px;display:none;}
.imagestop1{background:url(../images/bg1.gif) no-repeat;height:30px;text-align:right;padding:20px 45px 0 0;}
.imagestop{background:url(../images/bg1.gif) no-repeat;height:30px;text-align:left;padding:20px 45px 0 0;}
.imagestop a{padding-left:208px!important;padding-left:215px;float:left}
.imagestop span{padding-left:40px;font-size:14px;float:left;width:200px;font-weight:bold;color:#333333;}
.imagescon{background:url(../images/bg2.gif) no-repeat;height:357px;}
.iframe{margin:0 30px 0 37px;overflow:auto;scrollbar-base-color:#fafafa; text-align:center;height:322px;width:435px;}
.iframe1{margin:0 30px 0 37px;overflow:auto;scrollbar-base-color:#fafafa; text-align:left;height:296px;width:435px;background-color:#ffffff;padding:5px 0 5px 5px;}
.iframe1 blockquote{margin:0;padding:0 0 10px 0;color:#6390b5; font-style:normal;font-weight:bold;}
.iframebtn{padding-top:8px;text-align:center}
.iframebtn1{padding-top:8px;padding-left:140px;font-weight:bold;}
.iframebtn1 img{border:0;cursor:pointer;}
.iframebtn1 img,.div{float:left;}
.div{width:190px;text-align:center;padding-top:2px;}

.button{background:url(../images/btnbg.gif) no-repeat;width:85px;height:23px;line-height:23px;font-weight:bold;color:#666666;border:none;font-size:12px;cursor:pointer;margin-left:110px;cursor:pointer;cursor:hand;text-align:center;}
.button,.button2{cursor:pointer;cursor:hand;}