@charset "utf-8";
/* CSS Document */
body{background:url(../../images/index/bg_body.jpg) repeat-x 0 0;}
.flashBg{ background:url(../../images/index/bg_01.jpg) no-repeat 0 0; min-height:600px;}
.container{ background:url(../../images/index/cont_bg_03.jpg) repeat-x 0 508px;}
.container .header{width:900px; margin:0 auto;  height:520px;text-align:center;}
.mainbody{ height:385px;width:900px; margin:0 auto; padding-top:30px; }
.leftBox{width:570px; float:left;}
.leftBox .proInfo li{ float:left;}
.leftBox .proInfo li h2{ font-size:16px; }
.leftBox .proInfo li.left,.leftBox .proInfo li.right{ margin-top:20px; width:35px; text-align:center; cursor:pointer;}
.leftBox .proInfo li.left{ background:url(../../images/index/left_03.gif) no-repeat; width:26px; height:39px; margin-right:2px;}
.leftBox .proInfo li.right{ background:url(../../images/index/right_05.gif) no-repeat; width:26px; height:39px; margin-right:2px;}
.leftBox .proInfo li.content{width:500px;overflow:hidden;}
.leftBox .proInfo li.content ul{ width:99999px;}
.leftBox .proInfo li.content ul li{float:left;width:500px;}

.mainbody .rightBox{width:310px; float:right; }
.mainbody .rightBox .news .title{font-weight:bold; font-size:13px; padding-left:10px;background:#0189FF url(../../images/index/title_bg_03.jpg) no-repeat 0 0; color:#FFF;}
.mainbody .rightBox .news .content{ line-height:24px;}
.mainbody .rightBox .news .content ul li a{padding-left:5px;}

.footer{ padding-top:30px; line-height:24px;}
.footer li{ display:block; text-align:center;}

/* faq */
.faq_box,.newsLayer{width:600px; position:absolute; z-index:100; background:#FFF;/* border:3px solid #09F;*/ line-height:24px;}
.layCont,#notice_div{ height:500px; overflow-y:scroll; padding:10px;}
.faq_box .title{ font-weight:bold; font-size:14px;}
.faq_box .must{ border-bottom:1px solid #CCC; padding:10px; overflow:hidden;}
.faq_box dt{ font-weight:bold;}
.faq_box .must dd{ clear:both; padding:1px 0;}
.faq_box .must dd span{float:left; width:75px; text-align:right; margin-right:5px;}
.faq_box .must dd span.label{width:75px;}
.faq_box .must dd input{ font-family:Arial, Helvetica, sans-serif; }
.faq_box .must dt span{ font-weight:lighter; font-size:12px;}
.faq_box .must dd label{width:67px; text-align:right;}
.faq_box .must dd span{float:left;}
.faq_box .must dd span.label{width:75px;}
.faq_box .must dd label span{ color:red;}
.faq_box .must dd textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif;padding-left:3px; width:300px; height:120px;}
.faq_box .must dd .inputText{ width:300px; height:20px; line-height:20px; padding-left:3px;}
.msg .expert{ color:#999;}
.msg dd{ border-bottom:1px  dashed #CCC;}
.msg dd.page{ border:none; padding-bottom:50px;}
.msg dd.page li{float:left; padding:0 5px;}



.newsLayer h2{ text-align:center; font-size:14px; color:#0099FF;}
.newsLayer .dateTime{color:#999; text-align:center;}
.newsLayer p{ text-indent:2em; line-height:20px; margin-bottom:15px;}

.close{ border:2px solid #f90; background:#FFF; width:20px; height:20px; float:right; font-family:Verdana, Geneva, sans-serif;text-align:center; line-height:20px; font-size:18px; position:absolute; top:0; right:0; margin-right:-28px; color:#000; cursor:pointer;}
#mask{background:#000;opacity:0.8; filter:alpha(opacity=80); height:100%; width:100%; position:absolute; z-index:50; left:0;}
.expertList_index li{ margin-bottom:10px;}
.expertList_index li img{ float:left; border:1px solid #CCC; padding:2px; margin-right:10px;}