@charset "utf-8"; /* CSS Document */ body{ font-family:"Microsoft Yahei"; color:#333; font-size:14px; font-weight:none;} body,table,form,p,dl,dt,dd,h1,h2,h3,div,dl,dt,dd,td,th,ul,li{margin:0;padding:0; list-style:none;} img{ border:0px;} .clear{ clear:both;} a{ text-decoration:none;} a:hover{ cursor:pointer;} /* 友情链接 */ .links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;} .links{ width:100%; height: auto; background: #313131; clear: both; display: none;} .links ul{ width:1200px; height:auto; margin:0 auto; padding:10px 0px;clear:both;} .links ul li{float:left; margin:0px; color: #fff;line-height:23px;} .links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; } .links ul li a:hover{ color:#fff; text-decoration:none;} .innerrtitle{ width:100%; height:50px; line-height:50px; background: #f1f2f4;} /*.innerrtitle p{width:400px;float:right;font-size:19px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:right; padding-right: 10px;} .innerrtitle p b{ color:#da0707; font-size:26px; font-style: italic;}*/ .navpost{width:100%;display:block;color:#555;font-size: 15px;} .navpost a{font-size: 15px;color:#555;padding: 0px 3px;} .navpost a:hover{ color:#F00;text-decoration:none;} .navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;} /* 内页左边 */ .innerleft{ width:310px; float:left; height:auto; margin:20px 0px 30px 0px; } .innerltitle{background-color:#ca352b;width:100%; height:auto;padding: 10px 0px;} .innerltitle p{ font-size:25px;color:#fff;text-align:center;line-height:40px !important; padding: 0px !important;} .innerltitle span{ font-size:25px;color:#fff;text-align:center; display:block; } .iltcontf{ width:100%; background-color:#fff;} .iltconts{ width:100%; background-color:#f3f3f3; margin-top:20px;} /*栏目*/ .inermlist{ width:100%; height:auto; margin:0 auto; padding:10px 0px; } .inermlist li{ width:100%;height:auto;margin:7px auto; position: relative;} .inermlist li a{ width:235px;height:40px;line-height:40px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:15px; float: left;text-indent:10px;text-align:left;} .inermlist li a:hover{text-indent:11px;color:#ca352b;font-weight:bold;text-decoration:none;} .inermlist li ul{ padding: 0px; display: none;} .inermlist li ul li{ width: 100%;margin: 0px;height: 35px;} .inermlist li ul li a{ width:100%;height: 35px; line-height: 35px; background:none; color: #777; font-size: 15px; display: block; text-indent: 15px; text-align: left;} .inermlist li ul li a:hover{ color:#ca352b;background: none; text-indent: 16px;} .inermlist .addsubicon { width:30px; height: 40px; line-height:35px; color: #555; font-size:25px; float:right; text-align: center; display: block; cursor: pointer; font-weight: bold;} /*热门新闻*/ .innernlist{width:90%; margin:0 auto; padding:20px 0px;} .innernlist li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; overflow:hidden; } .innernlist li a{display: block;color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .innernlist li a:hover{color:#ca352b; text-indent:1px; } .innernlist li span{float:right;} /* 内页右边 */ .innerright{width:870px;float:right; height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;} .inrrctainer{width:100%; height:auto; font-size: 14px; line-height:26px;color:#666;} .inrrctainer table{margin: 0 auto; text-align: center;} .inrrctainer img{ max-width: 100% !important;} /*内页新闻*/ .innewslist{ width:100%; height:auto;} .innewslist li{height:auto; margin:0px 0px 20px 0px; background:#f1f1f1;} .innewslist li a{ display:block;} .innewslist li .innewleft{ width:100px; height:80px; float: left; background:#0066CC; text-align: center; color: #fff; padding: 10px 0px;} .innewslist li .innewleft p{ font-size:35px; line-height:50px;text-align: center;} .innewslist li .innewleft span{ font-size:22px;} .innewslist li .innewright{ width:calc(100% - 130px); float: right; margin-right: 10px;} .innewslist .ntitle{ width:100%;height:40px;line-height: 40px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .innewslist .nconc{width:100%;height:auto;line-height:25px;font-size:14px; color:#656565;overflow: hidden;} .innewslist .more{background:#ca352b;height:25px; line-height:25px; border-radius:3px; text-align:center; color:#fff; padding: 0px 8px; float: right; text-indent:0px;} .innewslist li:hover{ border-radius: 4px;} .innewslist li:hover .more{background: #FF5500;} .innewslist li:hover .ntitle{color:#FF5500;} .innewslist li:hover .innewleft{background: #FF5500;} /*内页产品*/ .inprolist{ width:100%; height:auto; list-style:none; text-align: center;} .inprolist li{ width:280px; float:left;height:auto;margin:0px 5px 20px 5px;} .inprolist li img{width:100%; height:207px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;} .inprolist li .img{ width:276px; height: 207px; overflow: hidden; border: 1px solid #dedede; padding: 1px;} .inprolist li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .inprolist li a{color:#333;display: block;} .inprolist li:hover a{color:#fff !important;text-decoration:none; } .inprolist li:hover p{ background: #0858B2;} .inprolist li:hover .img{border: 1px solid #0858B2;} .inprolist li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);} /*视频*/ .invideolist{ width: 100%; height: auto;} .invideolist li{ width:420px; height: auto; float: left; margin: 10px 7px;} .invideolist li p{ width: 100%; height:30px; line-height: 30px; text-align: center; } .videoiframe{width:100%; height:300px;} /*分页*/ .ipage{height:auto; text-align:center;} .totalfont{ font-size: 14px; color: #666; display: none;} .ipage a{ height:35px;line-height:35px;color:#888;font-size: 15px;padding:0px 5px;display: inline-block;margin: 0px 5px; vertical-align: top;} .ipage a:hover{color:#0657b2;border-bottom:2px solid #0657b2;text-decoration:none;font-weight:bold;} .ipage .current{color:#0657b2;border-bottom:2px solid #0657b2;display:inline-block; height:35px;line-height:35px;padding:0px 5px;margin:0px 5px;font-size:15px;font-weight:bold;} /*详情页*/ .article_title{ text-align:center; width:100%; font-size:24px; line-height:30px; color:#444; padding: 15px 0px;} .newsin-c{width:100%; height:30px; line-height: 30px; margin: 15px 0px; color: #666;} .newsin-c .date{ width: 190px; float: left; text-indent:0px; font-size: 14px;} .newsin-c .date i{ width:28px;height:30px; display:inline-block; background:url(../images/time.png) no-repeat left center; background-size: 22px 22px; float: left;} .newsin-c .click{ width: auto; height: 30px; line-height: 30px; text-align: right; float:right;} .newsin-c .click i{ width: 30px;height:30px; display:inline-block; background:url(../images/eye.png) no-repeat left center; background-size: 25px 25px; float: left;} /*上页下页*/ .detpnt{height:auto; background:#f1f1f1;overflow: hidden;margin-bottom:20px; padding: 0px 20px;} .detpnt .detpntline{width:48%;height:35px;line-height:35px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .detpnt .detpntline a{color:#666; font-weight: normal;} .detpnt .detpntline a:hover{ color: #333; } .detpntl{ float: left;} .detpntr{text-align:right;float:right;} /*更多阅读*/ .innerabouttitle{ width:100%; height:auto; color:#000; border-bottom:3px solid #dedede;} .innerabouttitle p{color:#ca352b;font-size:20px; font-weight:bold;height:35px; line-height:35px; padding-left:5px;} .fotdetbox{padding:15px; background: #f1f1f1;} .morearticle{ border: 1px solid #fff; padding: 10px;} .morearticle li{ width:48%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dotted #333; margin: 0px 1%;} .morearticle li a{ color:#333; padding-left:10px;} .morearticle li a:hover{ color:#0858B2; padding-left:11px;} .moreproducts{border: 1px solid #fff; padding: 10px 0px;} .moreproducts li{ width:119px; height:auto;float:left; margin:0px 10px; text-align:center;} .moreproducts li a{ color:#333;} .moreproducts li p{ text-align: center; line-height:25px;} .moreproducts li a:hover{ color:#0858B2} .moreproducts li img{ width:100%;height:auto; border:1px solid #ccc;} .moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /*留言*/ .inmessagebox{width: 600px;height: auto; padding: 0px 0px 50px 0px; margin: 0 auto; } .inmessright{ width: 550px; height:auto; float: right; padding: 30px 0px 50px 0px;} .inmessright img{ width: 550px;} .inmessline{ width: 100%; height: auto; margin-bottom: 15px} .zxlyinp{ width:100%;height:40px;line-height:40px;border-radius:2px;color: #999; background: #f8f8f8; border: 0px;vertical-align:top; text-indent: 10px; font-size: 14px; outline: none;} .inmesteat{ height:120px;resize: none; outline: none;} .zxlyyzm{width:140px; outline: none;height:40px;line-height:40px;font-size:14px; color: #999; background: #f8f8f8; border: 0px;vertical-align: top; text-indent: 10px;border-radius:2px;} .zxlysub{background:#ef0606;width:48%; outline: none; height:40px; line-height:40px;color:#fff; text-align:center; border-radius:2px;border:0px; font-size:16px; float: left;cursor:pointer;} .zxlysub:hover{background: #ffa200;} .resetc{background:#999;float:right;} .resetc:hover{background: #666;} .indexcode{ vertical-align:top; height: 40px;} /*图片集*/ .ban{width:720px;height:auto;position:relative;overflow:hidden;margin:0px auto;} .ban2{width:720px;height:540px;position:relative;overflow:hidden;} .ban2 ul{position:absolute;left:0;top:0;} .ban2 ul li{width:720px;height:540px;line-height:540px;text-align:center;} .ban2 ul li img{max-width:720px;max-height:540px;vertical-align:middle;} .ban .prev{float:left;cursor:pointer;} .min_pic{width:100%;height:120px;padding-top:10px;overflow:hidden;} .min_pic .num{width:680px;height:100%;margin-left:8px;position:relative;overflow:hidden;float:left;} .min_pic .num ul{position:absolute;left:0;top:0; } .min_pic .num ul li{width:86.8px;height:120px;float:left;margin:0px 10px 0px 0px;cursor:pointer; overflow: hidden;} .min_pic .num ul li img{width:100%;height:65px;cursor:pointer;vertical-align:top;} .min_pic .num ul li.on img{width:84.8px;height:63px;border:1px solid #f00;padding:0;} .min_pic .num ul li p{width:100%;height:auto;line-height:18px;font-size:13px;text-align:center;} /*小左右箭头*/ .prev_btn1{float:left;} .next_btn1{float:right;} .prev_btn1,.next_btn1{width:16px;height:18px;margin:23px 0px;cursor:pointer;text-align:center;} /*大左右箭头*/ .prev1{left:20px;} .next1{right:20px;} .prev1,.next1{position:absolute;top:50%;margin-top:-25px;cursor:pointer;z-index:9;} .prev1 img,.next1 img{width:28px;height:51px;} .mhc{width:100%;background:#000; opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50);position:absolute;left:0;top:0;display:none;} /*弹出层*/ .pop_up{width:720px; height:540px; padding:10px; background:#fff; position:fixed; -position:absolute;left:50%;top:50%;margin-left:-370px;margin-top:-280px;display:none; z-index:999;} .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;} .pop_up_xx img{width:40px;height:40px;} .pop_up2{width:720px;height:540px;position:relative;float:left;overflow:hidden;} .pop_up2 ul{position:absolute;left:0;top:0;} .pop_up2 ul li{width:720px;height:540px;line-height:540px;float:left;text-align: center;} .pop_up2 ul li img{max-width:720px;max-height:540px;vertical-align:middle;} .ncontainer{ padding: 0px 10px;} .wapup{display:none;} /*大屏PC*/ @media (min-width: 1200px){ .ncontainer{width: 1200px; height: auto; margin: 0 auto; padding: 0px;} .links{ display: block;} } /*中型显示屏,Ipad Pro*/ @media (min-width: 992px) and (max-width: 1200px){ .innerrtitle .navpost{ width:60%;} .innerrtitle p{ width: 30%;} /*左侧*/ .innerleft{ width:25%; height: auto; float: left;} .inermlist li a{ width: 80%;} /*右侧*/ .innerright{ width: 72%; height: auto; float: right;} /*视频*/ .invideolist li{ width:48%;margin:0px 1% 10px 1%;} .videoiframe{height:260px; } /*产品展示*/ .inprolist li{ width: 31.333333%; margin: 0px 1% 10px 1%;} .inprolist li .img{width:100%; height: auto;border:0px;} .inprolist li img{width: 100%; height: auto;} .inprolist li:hover .img{border: 0px;} .moreproducts li{ width: 31.3333%; height: auto; margin:0px 1% 10px 1%;} .moreproducts li img{ height: auto;} .detpnt .detpntline{width:45%;} } /*中型显示屏,Ipad Pro*/ @media (min-width:760px) and (max-width:992px){ /*面包屑*/ .innerrtitle{ line-height: 60px; height: 60px;} .innerrtitle .navpost{ width: 100%;} .innerrtitle p{ display: none;} /*面包屑*/ /*左侧*/ .innerleft{ width:100%; height: auto; margin: 0px;} .innerltitle{ display: none;} .inermlist{ text-align: center;} .inermlist li{ width: 23%; display:inline-block; margin: 0px 1% 10px 1%; background: #ca352b; color: #fff;} .inermlist .addsubicon{color: #fff;} .inermlist li a{ width: 80%; color: #fff;} .inermlist li ul{ width:100%;position: absolute; top:40px; z-index: 1000; left: 0px;} .inermlist li ul li{ background: #dedede;} .iltconts{ display: none;} /*右侧*/ .innerright{ width:100%; height: auto; margin: 0px;} /*新闻动态*/ .innewslist{ width: 100%;} /*产品展示*/ .inprolist li{ width: 31.333333%; margin: 0px 1% 10px 1%;} .inprolist li .img{width:100%; height: auto;border:0px;} .inprolist li img{width: 100%; height: auto;} .inprolist li p{ margin: 0px;} .inprolist li:hover .img{border: 0px;} /*视频*/ .invideolist li{ width:48%;margin:0px 1% 10px 1%;} .videoiframe{height:260px; } /*相关产品*/ .moreproducts li{ width: 31.3333%; height: auto; margin:0px 1% 10px 1%;} .moreproducts li img{ height: auto;} .detpnt .detpntline{width:45%;} } /*pad以下*/ @media (max-width:768px){ .inrrctainer img{ max-width: 100% !important; height: auto !important;} .inrrctainer table{table-layout:fixed;word-wrap:break-word; word-break:break-all;} .inrrctainer table tr td{ width: auto !important;} /*面包屑*/ .innerrtitle{ line-height: 50px; height: 50px;} .innerrtitle .navpost{ width: 100%;} .innerrtitle p{ display: none;} /*面包屑*/ /*左侧*/ .innerleft{ width:100%; height: auto; margin: 0px;} .innerltitle{ display: none;} .inermlist{ text-align: center;} .inermlist li{ width:31.33333%; display:inline-block; margin: 0px 1% 10px 1%; background: #ca352b; color: #fff;} .inermlist .addsubicon{color: #fff;height:35px;line-height:28px;} .inermlist li a{ width:78%;color:#fff;height:35px;line-height:35px;} .inermlist li a:hover{color:#FFF;} .inermlist li ul{ width:100%;position:absolute;top:35px;z-index:1000;left:0px;} .inermlist li ul li{ background:#dedede;height:35px;} .inermlist li ul li a{height:35px;line-height:35px;} /*栏目*/ .iltconts{ display: none;} /*右侧*/ .innerright{ width:100%; height: auto; margin: 0px;} /*新闻动态*/ .innewslist{ width: 100%;} .innewslist .ntitle{ width: 100%;} .innewslist .date{display: none;} .article_title{ font-size: 17px;} /*产品展示*/ .inprolist li{ width:48%; margin: 0px 1% 10px 1%;} .inprolist li .img{width:100%; height: auto;border:0px; padding: 0px; margin: 0px;} .inprolist li img{width: 100%; height: auto;} .inprolist li:hover .img{border: 0px;} .inprolist li p{ margin: 0px; height: 30px; line-height: 30px; margin: 0px; font-size: 14px;} .invideolist li{ width:48%;margin:0px 1% 10px 1%;} .videoiframe{height:260px;} /*分页*/ .ipage .totalfont{ display: none;} /*在线留言*/ .inmessagebox{ width: 100%; margin: 0 auto; float: none;} .inmessright{ display: none;} /*相关产品*/ .moreproducts li{ width: 31.3333%; height: auto; margin:0px 1% 10px 1%;} .moreproducts li img{ height: auto;} .detpnt .detpntline{width:45%;} } /*普通手机端*/ @media (max-width:480px){ /*面包屑*/ .innerrtitle{ line-height: 40px; height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .inposition{ display: none;} .innerrtitle .navpost{width:100%;font-size:13px;} .innerrtitle .navpost a{padding:0px;} /*面包屑*/ /*栏目*/ .inermlist li{ width:48%; display:inline-block; margin: 0px 1% 5px 1%; background: #ca352b; color: #fff;} .inermlist li a{height:32px;line-height:32px;} .inermlist .addsubicon{ height:32px;line-height:26px;} .inermlist li ul{top:32px;} .inermlist li ul li{height:32px;} .inermlist li ul li a{height:32px;line-height:32px;} /*新闻*/ .innewslist li{ padding: 5px 0px;} /*分页*/ .ipage a{ display: none;} .ipage .paprev{ display: block; float: left} .ipage .panext{ display: block; float: right} /*相关文档*/ .morearticle li{ width: 100%;} /*相关产品*/ .moreproducts li{ width: 48%; height: auto; margin:0px 1% 10px 1%;} .moreproducts li img{ height: auto;} .detpnt .detpntline{width:100%;height:25px;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent: 25px; font-size: 15px; font-weight:400;background-repeat:no-repeat;} .detpntl {background-image: url(../images/pnt.png); background-position: left center;text-align: left;float: none; padding: 0px;} .detpntr {background-image: url(../images/pnb.png); background-position: left center;text-align: left;float: none; padding: 0px;} .invideolist li{ width:100%;margin:0px 0px 10px 0px;} .videoiframe{height:260px;} /*图片集*/ .ban{ width:100%; height:auto;} .ban2{ width:350px;height:263px; margin: 0 auto;} .ban2 ul li{ width:350px;height:263px;line-height:263px;} .ban2 ul li img{max-width:350px;max-height: 263px; vertical-align: middle;} .min_pic{ display: none;} .pop_up{width:350px; height:263px;margin-left:-177px;margin-top:-130px;padding: 2px;} .pop_up2{ width:350px; height:263px;} .pop_up2 ul li{ width:350px; height:263px; line-height: 263px;} .pop_up2 ul li img{ max-width: 350px; max-height: 263px; vertical-align: middle;} /*手机站底部漂浮*/ .wapblock{display:block; } .wapup{ width: 32px; height: 32px; display: block; position: fixed; right:5px; bottom: 55px;} .fhieght{padding-bottom: 50px;} .wapfooter{width: 100%;height:50px; background:#b61f15; position: fixed; bottom:0px;} .wapfooter li{ width: 20%; height: 40px; padding:5px 0px !important; float: left; border: 0px; padding: 0px; margin: 0px; text-align: center; color: #fff;} .wapfooter li img{ display: block; margin: 0 auto; width: 25px;} .wapfooter li a{ color: #fff; font-size:13px;} .copyright{ display: block; overflow: hidden; height: 35px;} } /*超小手机端 5、SE*/ @media (max-width:320px){ /*面包屑*/ .innerrtitle{ line-height: 40px; height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .inposition{ display: none;} .innerrtitle .navpost{ width: 100%; font-size: 13px;} .innerrtitle .navpost a{ padding: 0px;} /*面包屑*/ .inermlist li{ width:48%; display:inline-block; margin: 0px 1% 7px 1%; background: #ca352b; color: #fff;} .inermlist li a{ width:76%;} /*图片集*/ .ban{ width:100%; height:auto;} .ban2{ width:300px;height:225px; margin: 0 auto;} .ban2 ul li{ width:300px;height:225px;line-height:263px;} .ban2 ul li img{max-width:300px;max-height: 263px; vertical-align: middle;} .min_pic{ display: none;} .pop_up{width:300px; height:225px;margin-left:-152px;margin-top:-112px; padding: 2px;} .pop_up2{ width:300px; height:225px;} .pop_up2 ul li{ width:300px; height:225px; line-height: 225px;} .pop_up2 ul li img{ max-width: 300px; max-height: 225px; vertical-align: middle;} }