/* CSS Document */
body{font-size:12px;margin:0;padding:0;background-color:#31383b;font-family: "Lucida Grande", Arial, sans-serif;}
#top{width: 100%;height: 57px;padding-top:14px;background-color:#FFF;}
#page{width: 100%;position:relative;}
#page .banner{height: 300px;background: transparent url(flashbg.jpg) no-repeat scroll 0 0;}
#page .body{position:relative;background: transparent url(mainbg.jpg) no-repeat scroll 0 0;overflow:auto;}

#page .postion{width: 345px;position:absolute;top:300px;left:625px;text-align:right; z-index:100;}
ul,li{list-style:none; padding:0;margin:0;}
a img{border:none;}
a{color:#000;text-decoration:none; }
a:hover{text-decoration:underline; }
.lc{float:left;}
.rc{float:right; }

#menuswf{position:absolute;top:0;left:0;width: 223px;}

#container{width: 767px;padding-left:193px;background: transparent url(mainbg1.jpg) repeat-y scroll 0 0;}
#container .menu{height: 72px;background: transparent url(menubg.gif) repeat-x scroll 0 -72px;}
#container .menu .lc, #container .menu .rc{width: 8px;overflow:hidden; background: transparent url(menubg.gif) no-repeat scroll 0 0;height: 72px;}
#container .menu .rc{background-position: -8px 0;}
#container .menu .panel{padding-top:7px;}
#container .menu .panel a{display:block; float:left;width: 70px;height: 23px;background: transparent url(sprite.gif) no-repeat scroll 0 0;text-indent:-100px;overflow:hidden;margin-left:10px;margin-right:15px;}
#container .menu .panel .news{}
#container .menu .panel .show{background-position: 0 -23px;}
#container .menu .panel .hot{background-position: 0 -46px;}
#container .menu .panel .parnter{background-position: 0 -69px;}
#container .menu .panel .my{background-position: 0 -92px;}
#container .menu .panel .qa{background-position: 0 -115px;}

#container .content{padding:5px 40px 40px 40px;background-color:#FFF;min-height:500px;}
#container .content .t{font-size:14px;font-weight:bold;border-bottom:1px dashed #918f8f;height: 30px;}
#container .content .c{line-height:2; }

#container .foot{background: transparent url(foot.gif) no-repeat scroll 0px 0;height: 55px;padding-top:20px;color:#FFF;}
#container .foot a{color:#FFF;}

#container .foot .left{float:left;text-align:right; color:#919191;line-height:2; width: 500px;}
#container .foot .right{float:left;width: 190px;height: 25px;background: transparent url(snda.gif) no-repeat scroll 0;margin:15px 30px;}

.dialog{z-index:200;}
.maskShadow{position:absolute; top:0; height:0px;background-color:#000;z-index:200;}
.dialogContent{width: 658px;height: 448px;background-color:#FFF;position:absolute;top:200px;z-index:201;}

#joinForm{position:relative;}
#joinForm .form_t{overflow:auto;}
#joinForm .form_t ul li{float:left;height: 45px;line-height:45px;font-size:14px; padding:0 40px;color:#8e8e8e;}
#joinForm .form_t ul li.on{font-weight:bold;color:#000;}
#joinForm .form_b{padding:20px;}
#joinForm .form_b .step .tr{padding:5px 0 15px 0;overflow:auto;}
#joinForm .form_b .step .tr label{padding-right:18px;float:left;}
#joinForm .form_b .step .tr span{width: 65px;overflow:hidden;display:block;float:left;line-height:25px; }
#joinForm .form_b .step .tr input, #joinForm .form_b .step .tr textarea{border:1px solid #7f7e7e;padding:5px;float:left;}
#joinForm .form_b .step .tr input{width: 210px;}
#joinForm .form_b .step .tr textarea{width: 515px;height: 100px;}
#joinForm .form_b .step .btn{text-align:right; }
#joinForm .form_b .step .success{padding:30px;font-size:14px;}
#joinForm .form_b .step .btn button{width: 99px; height: 32px;background: #CCC url(joinbtn.gif) no-repeat scroll 0;border:none;font-weight:bold;font-size:14px;cursor:pointer;}
#joinForm .form_c{position:absolute;top:10px;right:10px;cursor:pointer;}

.works_show{ list-style-type:none; margin: 20px 0; padding:0; overflow:auto;}
.work_item{ display:inline-block;  float:left;margin: 0 13px 30px 0; vertical-align:top; width:215px; background-color:#F0F5F3;}
.work_item .image{border:none;}
.work_item .title{ margin: 0px 5px 10px 5px; }
.work_item .title a{color:#2386B4;}
.work_item .desc{line-height:1.2; padding:5px; color:#666;}

.works-content{ margin-top:10px;}
.works-content .title{ font-size:14px; font-weight:bold; padding:5px 0; color:#1e58a1;}
.works-content .image{ padding: 5px 0; overflow:auto;}
.works-content img{ float:left; margin-right:15px;}
.works-content .description{ float:left; }

.works-content .indro{ padding:20px 0 0 0; text-indent:25px; font-size:14px; line-height:1.5; display:block; clear:both;}