@charset "gb2312";
/* CSS Document By Aring QQ:296409589 http://www.hbjun.com/ */
@import url("style.css");
/**** main ****/
.main .main_l{ float:left; width:250px;}
.main .main_r{ float:right; width:752px;}
.main_l h2{ height:24px; font-weight:bold; line-height:24px; padding:6px 24px; background:url(../Images/inside/l_h2.jpg) no-repeat 0 0;}
.main_l h2 a,.main_l h2 a:hover{ color:#ffffff;}
.main_l h3 a{ display:block; height:33px; color:#010101; line-height:32px; padding-left:30px; background:url(../Images/inside/h3_a.jpg) no-repeat 0 0;}
.main_l h3 a:hover,.main_l h3.hover a{ color:#ff0000; background:url(../Images/inside/h3_h.jpg) no-repeat 0 0;}
.main_l h4 a{ display:block; height:33px; color:#ff0000; line-height:32px; padding-left:35px; background:url(../Images/inside/h4_a.jpg) no-repeat 0 0;}
.main_l h4 a:hover,.main_l h4.hover a{ color:#000000; background:url(../Images/inside/h4_h.jpg) no-repeat 0 0;}
.l_pic{ height:98px;}
.l_cont{ color:#333333; line-height:24px; padding:5px; background:#f7f7f7;}
.l_cont a{ color:#333333;}
.l_cont a:hover{ color:#ff0000;}
.type{ width:732px; height:20px; line-height:20px; padding:5px 0; margin:0 auto; background:url(../Images/inside/type.gif) repeat-x;}
.type span{ float:right; color:#000000; padding:0 6px 0 15px; background:url(../Images/inside/dot.gif) no-repeat 0 center;}
.type span a{ margin:0 6px;}
.type span a:hover{ color:#ff6000;}
.type h2{ font-size:14px; font-weight:bold; padding-left:22px; background:url(../Images/inside/icon.gif) no-repeat 10px center;}
/**** index ****/
.case{ width:728px; height:172px; margin:8px 12px 2px; overflow:hidden;}
.case_c{ width:800%; height:172px;}
.case_c ul{ float:left; height:172px;}
.case_c ul li{ float:left; width:198px; height:172px;}
.case_c ul li div{ width:187px; height:143px; text-align:center; border:2px solid #e6e6e6; margin:0 5px;}
.case_c ul li div a{ display:block; width:187px; height:143px; overflow:hidden;}
.case_c ul li h4{ text-align:center; line-height:25px;}
.case_c ul li h4 a{ padding:0 6px;}
.list{ width:732px; height:432px; padding:9px 10px 10px; overflow:hidden;}
.list li{ float:left; width:183px; height:144px;}
.list li div{ width:153px; height:117px; text-align:center; border:1px solid #e6e6e6; margin:0 14px;}
.list li div a{ display:block; width:153px; height:117px; overflow:hidden;}
.list li h4{ height:25px; text-align:center; line-height:25px;}
.list li h4 a{ padding:0 6px;}
.about{ width:732px; height:363px; margin:0 auto;}
.about .about_l{ float:left; width:356px;}
.about .about_r{ float:right; width:356px;}
.about h2{ height:20px; line-height:20px; padding:5px 10px 5px 0; background:url(../Images/inside/type.gif) repeat-x;}
.about h2 a{ float:right; font-family:Arial; padding:0 3px;}
.about h2 span{ display:block; font-size:14px; font-weight:bold; padding-left:22px; background:url(../Images/inside/icon.gif) no-repeat 10px center;}
.about ul{ height:310px; margin-top:8px;}
.about ul li{ float:left; width:330px; height:24px; line-height:24px; padding:4px 10px 3px 16px; border-bottom:1px dotted #a6a6a6; background:url(../Images/inside/dot_e3.gif) no-repeat 6px center;}
.about ul li a{ float:left; width:252px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.about ul li span{ float:right;}
.about p{ width:336px; text-align:justify; line-height:22px; padding:8px 10px 0;}
.link{ line-height:24px; padding:10px; margin:10px 0; background:#efefef;}
.link a{ padding:0 3px; margin:0 6px;}
.link span{ padding:0 10px;}
.link span a{ color:#ff0000;}
/**** list ****/
.news{ width:752px;}
.news ul{ width:690px; padding:6px 0; margin:0 auto;}
.news ul li{ height:24px; line-height:24px; padding:6px 0 5px; background:url(../Images/inside/bot.gif) repeat-x bottom;}
.news ul li span{ float:right; color:#999999;}
.news ul li a{ padding-left:15px; background:url(../Images/inside/dot_e3.gif) no-repeat 5px center;}
.pro{ width:752px; padding:12px 0 6px;}
.pro ul{ width:750px; margin:0 auto;}
.pro ul li{ float:left; width:250px; height:206px;}
.pro ul li div{ width:204px; height:156px; text-align:center; border:3px solid #dedede; margin:0 auto;}
.pro ul li div a{ display:block; width:204px; height:156px; overflow:hidden;}
.pro ul li div a img{ width:204px; height:156px;}
.pro ul li h4{ font-weight:bold; text-align:center; line-height:24px; margin-top:5px;}
.pro ul li h4 a{ padding:0 6px;}
.page{ text-align:center; line-height:24px; margin:5px 0;}
.page a{ padding:0 3px; margin:0 3px;}
.page span{ margin:0 6px;}
.page span.pag_on{ color:#ff0000;}
/**** site ****/
.view{ width:710px; text-align:center; line-height:24px; margin:0 auto;}
.view h1{ font-size:16px; font-weight:bold; margin:20px 0 10px;}
.view p{ color:#888888; border-bottom:1px dashed #cccccc; padding:6px 0; margin-bottom:10px;}
.other{ line-height:24px; margin:10px 20px;}
.other h3{ margin-bottom:6px;}
.other h3 span{ color:#0377d6; font-weight:bold;}
.other h3 a{ padding:0 3px; margin-right:6px;}
.other p{ line-height:24px;}
.other div{ border:1px solid #cccccc; padding:10px; margin-top:10px;}
.other div h4{ font-size:15px; color:#222222; font-weight:bold; line-height:30px;}
.other div ul{ padding:0 10px;}
.other div ul li{ height:24px; border-bottom:1px dotted #cccccc; padding:4px 12px 2px 15px; background:url(../Images/inside/dot_66.png) no-repeat 5px center;}
.other div ul li span{ float:right;}
.box{ width:710px; border:1px solid #cdd9df; margin:10px 20px;}
.box h3{ color:#333; font-weight:bold; line-height:24px; padding:3px 12px; margin-bottom:12px; background:#eaeaea;}
.box td{ line-height:24px;}
.box td span{ color:#ff0000; padding-left:9px;}
.box_txt{ width:240px; height:22px; line-height:22px; vertical-align:middle; border:1px solid #cccccc; padding:0 5px;}
.box_area{ width:360px; height:126px; font-size:12px; line-height:18px; border:1px solid #cdd9df; padding:3px 0 0 6px;}
.box_btn{ margin:8px 0 15px 125px;}
.box_btn input{ width:62px; height:24px; font-family:Arial; color:#22282e; border:none; margin:0 20px; background:url(../Images/inside/btn.jpg) no-repeat 0 0;}
.tags{ line-height:24px; padding:10px;}
.tags h3{ line-height:32px; font-weight:bold;}
.tags a{ padding:0 5px;}
.map{ padding:10px 0 0 20px;}
.map h3{ font-weight:bold; line-height:24px; padding:4px 0;}
.map ul{ line-height:24px;}
.map ul li{ padding:0 5px; display:inline;}
.map ul li a{ display:inline-block;}
.links{ padding:0 10px;}
.links h3{ font-size:14px; font-weight:bold; line-height:24px; padding:14px 0;}
.links ul li{ line-height:24px; display:inline;}
.links ul li a{ padding:0 5px;}
.link_box{ padding:10px 0 0 20px;}
.link_txt{ line-height:16px; padding:4px 5px; border:1px solid; border-color:#666666 #bbbbbb #bbbbbb #666666; margin-right:2px;}
.link_btn{ width:70px; height:25px; border:none; background:url(../Images/inside/link_btn.gif) no-repeat 0 0; line-height:25px; overflow:hidden; color:#444444; margin-right:2px; cursor:pointer;}
.cont{ width:712px; line-height:24px; margin:10px 20px; overflow:hidden;}
.pic{ width:712px; height:390px; margin:20px;}
.pic .pic_l{ float:left; width:522px;}
.pic .pic_l img{ width:510px; height:390px;}
.pic .pic_r{ float:left; width:190px; line-height:30px;}
.pic .pic_r h1{ font-size:14px; font-weight:bold; color:#a70f0f; border-bottom:1px dotted #cccccc; margin-bottom:8px;}
.pic .pic_r h4{ border:dotted #cccccc; border-width:1px 0; padding-left:6px;}
.pic .pic_r p{ padding-left:6px;}
.pic_view{ font-size:14px; color:#ffffff; font-weight:bold; line-height:24px; padding:3px 12px; margin:0 20px; background:#df2100;}