/* CSS Document By Aring QQ:838278506 http://www.divsz.com/ */
@import url("all.css");
@import url("font.css");
@import url("animate.css");
.ban{ width:100%; min-width:1200px; height:536px; overflow:hidden; position:relative;}
.ban_w{ display:flex; align-items:flex-start;}
.ban_c{ height:536px; flex-shrink:0;}
.ban_d{ width:48px; height:48px; font-size:36px; color:#ffffff; text-align:center; border-radius:50%; margin-top:-24px; background:rgba(216,9,21,0.8); position:absolute; top:50%; z-index:2; cursor:pointer;}
.ban_l{ left:60px;}
.ban_r{ right:60px;}
.ban_d i{ line-height:48px;}
.ban_b{ width:1200px; height:96px; padding:12px 0; margin-left:-600px; background:rgba(0,0,0,0.4); position:absolute; left:50%; bottom:0; z-index:2;}
.ban_b dt{ float:left; width:200px; font-size:18px; color:#ffffff; text-align:center; line-height:96px;}
.ban_b dd{ float:left; width:185px; height:96px; border-left:1px dotted #4b4b4b; padding-left:64px;}
.ban_b dd p{ font-size:12px; line-height:24px;}
.ban_b dd p a{ color:#c0c0c0;}
.ban_b dd p a:hover{ color:#d80915;}
.mid{ background:#eaeaea;}
.mid_c{ height:72px; padding:24px 0; overflow:hidden;}
.mid ul{ margin-right:-150px;}
.mid li{ float:left; width:300px; height:72px; padding-right:150px;}
.mid li h4{ float:left; width:160px; height:72px; font-size:18px; color:#1c1c1c; text-align:center; line-height:72px; border-radius:4px; background:#c0c0c0; overflow:hidden;}
.mid li h4 b{ font-size:48px; margin-right:3px;}
.mid li h4:hover{ color:#ffffff; background:#d80915;}
.mid li p{ float:left; width:128px; height:48px; color:#232323; text-align:justify; line-height:24px; padding:12px 0px 12px 12px;}
.pro{ width:1200px; padding-top:20px; margin:0 auto;}
.pro_t{ height:55px; line-height:55px; border:solid #e1e1e1; border-width:1px 1px 0; background:#ffffff;}
.pro_t dt{ float:left; font-size:24px; color:#010101; padding-left:20px;}
.pro_t dd{ float:right; padding-right:10px;}
.pro_t dd a{ color:#414141; padding:0 10px;}
.pro_t dd a:hover{ color:#d80915;}
.pro_m,.pro_m img{ width:1200px; height:320px;}
.pro_c{ width:1200px; height:632px; overflow:hidden;}
.pro_c ul{ margin-right:-16px;}
.pro_c li{ float:left; width:286px; height:298px; border:1px solid #e1e1e1; margin:16px 16px 0 0; display:inline; overflow:hidden; position:relative; cursor:pointer;}
.pro_c li p{ width:286px; height:298px; overflow:hidden;}
.pro_c li p img{ width:286px; height:298px; transition:all 0.6s ease 0s;}
.pro_c li:hover p img{ transform:scale(1.2);}
.pro_c li dl{ width:100%; background:rgba(0,0,0,0.5); transition:all 0.4s ease-in-out; position:absolute; left:0; bottom:-61px;}
.pro_c li:hover dl{ bottom:0;}
.pro_c li dt{ font-size:15px; color:#ffffff; line-height:35px; border-bottom:1px solid #e1e1e1; margin:0 10px;}
.pro_c li dd{ height:48px; line-height:24px; color:#a6a6a6; padding:6px 10px;}
.ads{ width:1180px; height:160px; border:1px solid #e1e1e1; padding:9px; margin:20px auto 0; background:#ffffff;}
.ads img{ width:1180px; height:160px;}
.case{ width:1198px; border:1px solid #e1e1e1; margin:20px auto 0; background:#ffffff;}
.case h2{ font-size:24px; line-height:56px; border-bottom:1px solid #e3e3e3; margin:0 20px;}
.case h2 a{ color:#010101; position:relative;}
.case h2 a::after{ width:100%; border-bottom:2px solid #d80915; position:absolute; left:0; bottom:-1px; z-index:2;}
.case h2 a:hover{ color:#d80915;}
.case ul{ width:1176px; height:240px; padding:11px;}
.case li{ float:left; width:176px; height:100px; border:1px solid #e5e5e5; margin:9px;}
.case li img{ width:176px; height:100px;}
.news{ width:1200px; margin:20px auto 0; overflow:hidden;}
.news ul{ height:402px; margin-right:-18px;}
.news li{ float:left; width:346px; height:390px; border:1px solid #e1e1e1; padding:0 20px 10px; margin-right:18px; background:#ffffff;}
.news li h2{ height:49px; font-size:20px; line-height:48px; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
.news li h2 a{ color:#010101; position:relative;}
.news li h2 a::after{ width:100%; border-bottom:2px solid #d80915; position:absolute; left:0; bottom:-2px; z-index:2;}
.news li h2 a:hover{ color:#d80915;}
.news dl{ width:346px; height:32px; font-size:12px; color:#010101; line-height:32px; border-bottom:1px dotted #e5e5e5; overflow:hidden;}
.news dt{ float:left; width:280px; height:32px;}
.news dt a{ display:block; width:264px; height:32px; color:#010101; padding-left:16px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; position:relative;}
.news dt a:hover{ color:#d80915;}
.news dt a::before{ width:4px; height:4px; border-radius:50%; margin-top:-2px; background:#010101; position:absolute; left:6px; top:50%;}
.news dt a:hover::before{ background:#d80915;}
.news dd{ float:right;}
.link{ width:1198px; border:1px solid #e1e1e1; margin:20px auto 0; background:#ffffff;}
.link h2{ font-size:24px; line-height:56px; border-bottom:1px solid #e3e3e3; margin:0 20px;}
.link h2 span{ display:inline-block; color:#010101; position:relative;}
.link h2 span::after{ width:100%; border-bottom:2px solid #d80915; position:absolute; left:0; bottom:-1px; z-index:2;}
.link p{ text-align:justify; line-height:30px; padding:20px;}
.link p a{ display:inline; color:#010101; margin-right:16px;}
.link p a:hover{ color:#d80915;}