/* CSS Document */
@charset "utf-8";
@import url("common.css");
body{background:url(../images/banner00.jpg) no-repeat center 74px; }
.doc_banner{ width:100%;background:url(../images/banner_doc.jpg) no-repeat center top; height:150px;}
.doc_left{ width:260px; float:left; background:url(../images/shadow2.jpg) no-repeat right; min-height:400px;}
.doc_left .tit{ background:url(../images/tit_bg.jpg) no-repeat right; width:260px; height:58px; text-align:center; line-height:24px;color:#fff;}
.doc_left .tit h2{ font-size:16px; font-weight:bold;  display:block; height:16px; padding-top:18px;}
.doc_left .tit span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:6px;}
.doc_left .cls_02{ padding-left:10px;}
.doc_left .cls_02 li{ width:240px; height:24px; line-height:24px; padding:2px 0px;}
.doc_left .cls_02 li a{width:232px; height:24px; display:block; font-size:12px; padding-left:10px;}
.doc_left .cls_02 li a:hover, .hover_cls_02{ background:#196ac2; font-weight:bold; color:#fff;}
.wrap_t { padding:8px 20px 0px 6px;}
.wrap_t p{ line-height:22px; font-size:12px; color:#666666}
.doc_right{ width:720px; float:right;}
.doc{ padding:15px 15px 50px; min-height:440px;}
.doc h2{ text-align:center; font-size:18px; font-weight:bold; color:#000000; font-family:"微软雅黑"}
.doc .bv{ text-align:center; width:100%;}
.doc .bv span{ padding:0px 8px;}
.doc .showtxt p{ line-height:22px; margin:8px 0px;}
.cls_pic{ padding-top:20px;}
.cls_pic li{ float:left; background:url(../images/cls3_bg.jpg) no-repeat; width:223px; height:160px; text-align:center; margin:10px 6px 15px 8px; display:inline; text-align:center}
.cls_pic li:hover{ background:#f7f3eb}
.cls_pic li .photo{ margin-top:14px; }
.cls_pic li a{ color:#000000;}
.cls_pic li p{ height:28px; line-height:28px; text-align:left; text-align:center;}
.bread{ padding:0px 5px 5px; height:20px; border-bottom:1px solid #CCCCCC;}
.bread h2{ float:left; font-size:16px; font-weight:bold; color:#000000; background:url(../images/ico_01.jpg) no-repeat left center; padding-left:14px;}
.bread h2 span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#999999;}
.bread p{ float:right;}
.page { width: 100%; padding: 20px 0; text-align: center;}
.page a{ width:40px; height:20px; line-height:20px;}
.page .prev,.page .next { margin: 0 10px;}
.page .num { padding: 5px; text-align: center; display:inline-block; color: #000; border:#CCCCCC 1px solid; margin:0px 5px; background:#FFFFFF}
.page .cur { color:#9b7766;  background:#f7f3eb}
.cls_news{ padding:10px 35px; font-size:14px;}
.cls_news li{ line-height:34px; line-height:34px; overflow:hidden; background:url(../images/ico_1.gif) no-repeat left center; padding-left:10px; border-bottom:1px dashed #CCCCCC;}
.cls_news li span{ float:right;}
.cds_news{ padding:10px 35px;}
.but1{ background:url(../images/message_10.gif) no-repeat; cursor:pointer; width:137px; height:33px; border:none; color:#FFFFFF; text-align:center; line-height:40px;}
.buy input[type=text]{ height:24px; line-height:24px; width:200px;}
.cls_fb{ padding-top:30px;}
.cls_fb li{ width:187px; height:237px; background:url(../images/cls_fb_bg.jpg) no-repeat; float:left; margin:0px 0px 40px 50px; display:inline; line-height:48px;}
.cls_fb li span{ text-align:center; width:180px; display:block; }
.cls_fb li img{ padding:2px 0px 0px 2px;}
.cls_01{ padding:15px;}
.cls_01 li{ line-height:24px; background:url(../images/ico_02.jpg) no-repeat left center #ffffff; padding-left:10px; height:24px; border-bottom:#f7f3eb 1px dashed}
.cls_01 li:hover{ background:url(../images/ico_02.jpg) no-repeat left center #f7f3eb;}
.cls_p2 { padding:20px 0px;}
.cls_p2 li { overflow: hidden; float:left; list-style:none; display:inline; border:#CCCCCC 1px solid; width:184px; height:220px; line-height:40px; margin:0px 10px 30px 40px; text-align:center;} 
.cls_p2 li:hover{ background:#f5f5f5}
.cls_p2 li .xx {  width:180px; height:180px; text-align:center; vertical-align:middle; position:relative; display: table-cell; } 
.cls_p2 li .xx .qq { *position:absolute; *top:50%; } 
.cls_p2 li .xx .qq img { *position:relative; *top:-50%; *left:-50%;}

.change_012{ height:42px; padding-top:40px;}
.change_012 span{ float:left; width:94px; height:42px; display:block; text-align:center; line-height:42px; font-size:14px;}
.change_012 .curr{ width:94px; height:42px;  background: url(../images/message_hover.gif) no-repeat; font-weight:bold; margin-top:1px; cursor:pointer}
.doc_message .wrap{ border:#dfdfdf solid 1px; background:#fff; padding:20px; margin-bottom:20px;}
.doc_message .wrap p, .doc_message .wrap2 p{ line-height:20px; margin:10px 0px;}
.doc_message .wrap form, .doc_message .wrap2 form{ font-size:14px;}
.doc_message .wrap form .but1, .doc_message .wrap2  form .but1{ background:url(../images/message_10.gif) no-repeat; cursor:pointer; width:137px; height:33px; border:none; color:#FFFFFF; text-align:center; line-height:40px;}
.doc_message .wrap1, .doc_message .wrap3{ border:#dfdfdf solid 1px; background:#F5F5F5; padding:5px 10px;;}
.doc_message li{ border-bottom:#CCCCCC 2px dashed; padding-bottom:10px;}