@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;text-decoration:none; font-size:14px; color:#3b3b3b; font-family:"微软雅黑", "黑体", "宋体"; font-weight:normal;}
img{ margin:0; border:none;}
.top{ width:100%; height:100px; background:#808080;}
.lj{ float:left; margin-top:22px;}
.lj a{display:block; font-size:20px; color:#FFF; line-height:30px; margin-left:30px; font-weight:bold;}
.topc,.inav ul{ width:1200px; height:100px; margin:0 auto; padding:0 2px;}
.logo{ float:left; margin-top:20px;}
.logo a{ display:block;}
.phone{ float:right; margin-top:22px;}
.phone h1{ color:#e11525; font-size:22px; line-height:18px;}
.phone p{ color:#fff; font-size:30px; }
.inav{ width:100%; height:100px;}
.inav ul li{ float:left; width:149px; height:18px; margin-top:40px; border-left:1px solid #808080; text-align:center; line-height:18px;}
.inav ul li a{ padding-bottom:4px; font-size:18px;}
.inav ul li a:hover{ border-bottom:2px solid #cf0f1e;}
.display{ border-bottom:2px solid #cf0f1e;}
.banner{ width:100%; height:520px; background:url(../images/b1.jpg) no-repeat center;}
.ibanner{ width:100%; height:520px;}
.about{ width:100%; padding:60px 0; background:#f5f5f5;}
.aboutc{ width:1200px; margin:0 auto; overflow:hidden;}
.aboutc_l{ float:left; margin-right:40px; width:530px; height:366px; border:1px solid #e5e5e5;}
.aboutc_r{ float:left; width:628px;}
.about_mor{ width:118px; height:30px; margin-top:30px; border:1px solid #c52632; text-align:center; line-height:30px; border-radius:4px;}
.about_mor a{ display:block;}
.about_mor a:hover{ background:#c52632; color:#fff; transition:all 0.5s;}
.aboutc_r h1{ font-size:18px; border-bottom:1px solid #c52632; line-height:30px;}
.aboutc_r p{ text-indent:2em; line-height:28px; margin-top:10px;}
.product,.case{ width:100%; padding:60px 0; background:#262626;}
.productc,.casec{ width:1224px; margin:0 auto; overflow:hidden;}
.productc h1,.news_t h1,.casec_t h1{ font-size:44px; color:#ce2a37; line-height:40px; text-align:center; text-transform:uppercase; margin-bottom:16px;}
.productc p,.casec_t p{ width:604px; height:22px; background:url(../images/pb1.png) center; text-align:center; line-height:22px; font-size:22px; margin:0 auto; color:#fff;}
.productc_ct ul{ width:540px; overflow:hidden; margin:30px auto;}
.productc_ct ul li{ float:left; height:18px; border-left:1px solid #fff; padding:0 28px; line-height:18px;}
.productc_ct ul li a{ color:#fff; font-size:16px; display:block;}
.productc_cc ul li{ float:left; margin:10px 12px 0 12px;}
.pro_pic{ width:282px; height:210px;}
.pro_pic a{ display:block;}
.productc_cc ul li:hover .pro_nam{ background:#ce2a37;}
.pro_nam{ width:266px; height:62px; background:#424242; padding-left:16px; line-height:62px; color:#fff; font-size:16px;}
.news{ width:1280px; margin:0 auto; padding:60px 0;}
.news_t p{width:604px; height:22px; background:url(../images/pb2.png) center; text-align:center; line-height:22px; font-size:22px; margin:0 auto;}
.news_c ul{ overflow:hidden;}
.news_c ul li{ float:left; width:560px; margin:40px 40px 0 40px;}
.news_pic{ float:left; width:130px; height:100px; border:1px solid #ccc;}
.news_tit { float:left; width:406px; margin-left:22px;}
.news_tit h1 a{ font-weight: bold; line-height:28px;}
.news_tit p{ margin-top:6px; color:#808080; line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_tit h1 a:hover{ color:#ce2a37;}
.casec_c ul{ overflow:hidden; margin-top:18px;}
.casec_c ul li{ float:left; width:282px; height:210px; margin:12px; position:relative; cursor:pointer;}
.casec_c ul li div{ position:absolute; top:0; left:0; display:none;  width:282px; height:210px; text-align:center; line-height:210px; background:#000; opacity:0.60;}
.casec_c ul li div a{ font-size:16px; color:#fff;}
.casec_c ul li:hover div{ display:block; transition:all 0.4s;}
.link{ width:100%; height:100px; background:#f5f5f5;}
.linkc{ width:1200px; height:100px; margin:0 auto; line-height:100px;}
.linkc a:hover{ color:#1f1f1f;}
.fnav{ width:100%; height:56px; background:#ce2a37;}
.fnav ul{ width:1200px; height:56px; margin:0 auto; padding:0 2px;}
.fnav ul li{ float:left; width:170px; height:18px; margin-top:18px; border-left:1px solid #fff; text-align:center; line-height:18px;}
.fnav ul li a{ display:block; color:#fff;}
.fnav ul li a:hover{ font-size:16px;}
.copyright{ width:100%; height:172px; background:#232831;}
.copyright p{ color:#fff; text-align:center; line-height:50px;}
.content{ padding-top:38px;}
.fabout{ width:1200px; padding:50px 0; margin:0 auto; overflow:hidden;}
.fabout_l{ float:left; width:258px;}
.fabout_ltt{ width:258px; height:60px; background:#cf2a38; font-size:22px; text-align:center; line-height:60px; color:#fff;}
.fabout_ltc ul{ margin-top:2px;}
.fabout_ltc ul li{ width:258px; height:50px; text-align:center; line-height:50px; background:#333; border-bottom:1px solid #f5f5f5;}
.fabout_ltc ul li:hover{ background:#ea042b;}
.fabout_ltc ul li a{ display:block; color:#fff; font-size:16px;}
.fabout_lc{ margin-top:50px;}
.fabout_lcc{ border:1px solid #ccc; padding:8px 8px 16px 8px;}
.fabout_lcc div{ width:238px; height:170px; border:1px solid #e5e5e5;}
.fabout_lcc p{ margin-top:12px;}
.fabout_r{ width:900px; margin-left:42px; float:left;}
.fabout_rt { overflow:hidden;}
.fabout_rt h1{ float:left; width:76px; text-align:center; font-size:18px; line-height:36px; border-bottom:2px solid #cf2a38; }
.fabout_rt p{ float:left; width:818px;  text-align:right; height:37px; line-height:42px; border-bottom:1px solid #ccc;}
.fabout_rt p a:hover{ color:#ea042b;}
.fabout_rc p{ text-indent:2em; line-height:28px; margin-top:10px;}
.fabout_rc p span{ font-weight:bold;}
.qualifications ul{ margin-top:14px; overflow:hidden;}
.qualifications ul li{ float:left; margin:14px; width:272px; background:#1a1d22;}
.qualifications ul li a{ display:block;}
.qts_pic{ width:270px; height:200px; border:1px solid #ccc;}
.qts_nam{ text-align:center; line-height:50px; color:#fff;}
.qualifications ul li:hover{ background:#ea042b;}
.fnews ul{ margin-top:20px;}
.fnews ul li{ padding:0 30px; height:50px; line-height:50px;}
.fnews ul li a{ display:block;}
.fnews_tit{ width:350px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;}
.fnews_tim{ float:right; color:#808080;}
.fnews ul li a:hover span{ color:#ea042b;}
.fcontact{ padding:0 30px;}
.fcontact h1{ margin-top:30px; font-size:16px; line-height:36px;}
.fcontact p{ line-height:36px;}