@charset "utf-8";

/* CSS Document */

#kinMaxShow .kinMaxShow_button{ width:100%; right:0; left:0; text-align:center;}



.name h3{ font-size:30px; color:#000; text-shadow:0.1px 0.1px 0.1px #000; float:left;}

.name a.more{ float:right; font-size:14px; color:#666; margin-top:16px;}

.gg{ height:45px; line-height:45px; font-size:32px; color:#0915b9;}


.about{ margin-top:55px;}

.about .con div,.about .con b,.about .con div i{ font-size:20px; line-height:36px; color:#666666;}

.about .con div b,.about .con div i{ color:#c70019;}

.about .con div b{ text-shadow:0.1px 0.1px 0.1px #c70019;}



.record b{ float:left;}

.record ul{ float:left; margin-left:155px;}

.record li{ float:left; text-align:center; margin-right:90px;}

.record li h3{ font-size:18px; color:#333; text-shadow:0.1px 0.1px 0.1px #333;}

.record li p{ font-size:28px; color:#c70019; text-shadow:0.2px 0.2px 0.2px #c70019;}

.about a.more{ display:inline-block; padding:13px 32px; font-size:14px; color:#c70019; border:1px solid #e1dddd;}



.newsTxt{ width:600px; float:left;}

.classname{ height:42px; background-color:#f4f4f4; position:relative;}

.classname h3{ display:inline-block; height:42px; line-height:42px; font-size:20px; padding:0 22px; cursor:pointer;}

.classname h3.now{ color:#fff; background-color:#c70019;}

.classname h3 a.more{ position:absolute; right:10px; top:0; font-size:14px; color:#666; display:none;}

.classname h3.now a.more{ display:block;}

.classname h3 a.more:hover{ color:#c70019;}

.newsTxt .change_box{ height:308px; overflow:hidden;}

.newsTxt .intro h3{ font-size:17px; font-weight:bold;}

.newsTxt .intro h3 a{ color:#000;}

.newsTxt .intro h3 span{ font-size:16px; color:#666; float:right;}

.newsTxt .intro p{ font-size:14px; color:#979797; line-height:24px; margin-top:10px; height:48px; overflow:hidden;}

.newsTxt .list li{ font-size:15px; line-height:32px;}

.newsTxt .list li span{ float:right; color:#666;}

.newsTxt .list li a:hover{ color:#c70019;}



.newsPics{ width:553px; height:342px; float:right; position:relative;}

.bd{ width:100%;}

.bd li{ float:left; width:100%; height:342px; position:relative;}

.bd li img{ width:553px; height:342px;}

.bd li h3{ height:40px; position:absolute; left:0; right:0; bottom:0; color:#fff; line-height:40px; font-size:16px; background:url(../images/h3_bg.png) repeat-x center center; padding-left:18px;}

.lbt_btn{ position:absolute; left:0; right:0; bottom:134px;}

.lbt_btn a{ display:block; width:39px; height:74px; background:url(../images/btn.png) no-repeat;}

.lbt_btn a.prev{ background-position:0 0; float:left;}

.lbt_btn a.prev:hover{ background-position:0 -77px;}

.lbt_btn a.next{ background-position:-41px 0; float:right;}

.lbt_btn a.next:hover{ background-position:-41px -75px; }

.hd{ left:0; right:0; bottom:12px; position:absolute; text-align:right;}

.hd li{ display:inline-block; cursor:pointer; width:10px; height:10px; border-radius:10px; margin-right:10px; background-color:#fff; border:2px solid #8e8e8f;}

.hd li{ *display:inline;}

.hd li.on{ background-color:#bf0d0b; border-color:#fff;}



#project{ height:700px; padding-top:56px; background:url(../images/jpgc_bg.jpg) no-repeat center top; margin-top:60px; width:100%;}

.proName span{ display:inline-block; position:relative; font-size:15px; height:28px; line-height:28px; border-radius:5px; padding:0 24px; margin-right:25px;}

.proName span a{ color:#000;}

.proName span em{ display:inline-block; width:12px; height:6px; position:absolute; left:50%; bottom:-6px;}

.proName span.now{  background-color:#c70019;}

.proName span.now a{ color:#fff;}

.proName span.now em{ background:url(../images/sj.png) no-repeat center center;}

.proListBox{ height:476px; margin-top:17px;}

.proList{ overflow:hidden; display:none;}

.proList ul{ width:110%;}

.proList li{ width:286px; float:left; margin-right:20px; margin-bottom:20px;}

.proList li img{ width:286px; height:183px;}

.proList li h3{ text-align:center; font-size:16px; color:#000; height:35px; line-height:35px; background:url(../images/pro_h3_bg.png) repeat-x center top;}

.proList li a:hover h3{ color:#c70019;}

a.proMore{ display:inline-block; height:39px; line-height:39px; padding:0 32px; background:url(../images/proMore.png) repeat-x center center; border:1px solid #d8d6d6; font-size:14px; margin-top:27px;}



.reg{ margin-top:56px;}

.pro_reg{ width:784px; float:left;}

.pro_reg .name span{ font-size:14px; color:#666; float:left; margin-top:16px; margin-left:40px;}

.reg_list li{ height:60px; background-color:#f6f6f6; margin-bottom:3px;}

.reg_list li span{ display:inline-block; text-align:center; line-height:60px; font-size:16px; color:#000;}

.reg_list li.odd span{ color:#c70019;}

.reg_list li span.no{ width:90px;}

.reg_list li span.name{ width:275px;}

.reg_list li span.addr{ width:145px;}

.reg_list li span.time{ width:255px; text-align:right;}



.sp{ width:369px; float:right; margin-top:18px;}

.sp .tit{ height:40px; background-color:#c70019; padding-left:25px;}

.sp .tit span{ display:inline-block; color:#fff; background:url(../images/sp.png) no-repeat left center; line-height:40px; font-size:18px; padding-left:33px;}

.sp .tit a.more{ font-size:14px; float:right; color:#fff; margin-top:10px; margin-right:18px;}

.sp_con{ position:relative;}

.sp_con img{ width:369px; height:253px;}

.sp_con h3{ position:absolute; left:0; right:0; bottom:0; height:38px; line-height:38px; padding:0 24px; color:#fff; font-size:16px; background:url(../images/h3_bg.png) repeat-x center bottom;}



#share{ height:317px; background-color:#f3f3f3; margin-top:55px; padding-top:58px;}

.share_list{ overflow:hidden;}

.share_list ul{ width:110%;}

.share_list li{ float:left; width:273px; height:76px; background-color:#fff; margin-right:38px; margin-bottom:30px;}

.share_list li a{ display:block; margin-left:72px; line-height:76px; color:#db1c21; font-size:24px; text-shadow:0.1px 0.1px 0.1px #db1c21; padding-left:42px; position:relative;}

.share_list li img{ display:inline-block; width:32px; height:32px; position:absolute; left:0; top:22px;}

.share_list li:hover{ background-color:#db1c21;}

.share_list li:hover a{ color:#fff;}



.customer{ margin-top:57px;}

.customer_list li{ float:left; margin-bottom:30px; width:200px;}

.customer_list li a{ display:block; height:60px; display:table-cell; width:200px; vertical-align:middle; text-align:center;}

.customer_list li img{ vertical-align:middle; text-align:center; max-height:60px;}