@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;font-family:Arial, Helvetica, sans-serif;}
img{ border:0px;}
.clear{ clear:both;}
a{ text-decoration:none;}
a:hover{ cursor:pointer;}
.footwapblock{ display: none;}
/* 友情链接 */
.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}
.links{ width:100%; height: auto; background: #999; 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:700px;float:left; display: block; text-align: left; font-size: 15px;color: #555; font-weight: 400;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.navpost a{color: #555;padding: 0px 3px;}
.navpost a:hover{ color:#F00; text-decoration:none;}

/* 内页左边 */
.innerleft{ width:260px;height:auto; float:left; margin:20px 0px 30px 0px;border:1px solid #dedede; padding: 10px; }
.innerltitle{width:100%; height:auto;}
.innerltitle p{ font-size:26px;color:#555;text-align:center;line-height:35px;}
.innerltitle span{ font-size:15px;color:#999;text-align:center;line-height:25px; display:block; }
.innerltitle b{ width: 70px; height: 3px; background:#F14400; display: block; margin: 5px auto;}

.innerltitleleft{width:100%; height:auto;background:#f1f1f1; border-bottom: 2px solid #F14400;}
.innerltitleleft p{ font-size:26px;color:#555;text-align:center;line-height:65px;}


.iltconts{ margin-top: 20px;}
/*栏目*/
.inermlist{height:auto; width: 100%; padding-top: 10px;text-align:left;}
.inermlist li{height:auto; position: relative;}
.inermlist li a{height:40px;line-height:40px;display:block; border-bottom: 1px solid #cccccc; color:#fff;font-size:15px;text-align: left; background: #d8362b;font-size: 14px; padding-left:20px; }
.inermlist li a:hover{color:#fff;text-decoration:none;background:#cc0000;}
.inermlist li.on a{color:#fff;text-decoration:none;background:#cc0000;}
.inermlist li ul{ padding: 0px;}
.inermlist li ul li{ width: 90%;margin: 0px;height: 30px;line-height: 30px; }
.inermlist li ul li a{ width:100%;height: 32px;line-height: 32px;border-bottom:1px dashed #ccc;  background:none; color: #777; font-size: 14px; display: block; text-indent: 15px; text-align: left;}
.inermlist li ul li a:hover{ color:#ca352b;background: none; text-indent: 16px;}


/*热门新闻*/
.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:890px; 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;height: auto !important;}
.inrrctainer a{ font-weight: bold; color:#358eec;}
/*内页新闻*/
.innewslist{ width:100%; height:auto;}
.innewslist li{height:auto; margin:0px 0px 15px 0px; background:#f1f1f1; padding:10px;}
.innewslist li a{ display:block;}
.innewslist li .innewleft{ width:120px; height:70px; float: left;  text-align: center; color: #fff; padding: 10px 0px;}
.innewslist li .innewleft img{ width: 100%; height: 100%;}
.innewslist li .innewleft p{ font-size:50px; line-height:50px;text-align: center;}
.innewslist li .innewleft span{ font-size:15px;}
.innewslist li .innewright{ width:calc(100% - 140px); float: right; margin-right: 10px;}
.innewslist .ntitle{ width:100%;height:36px;line-height: 36px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innewslist .nconc{width:100%;height:50px;line-height:26px;font-size:14px; color:#656565;overflow: hidden;}
.innewslist .more{background:#d8362b;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: #f09b32;}
.innewslist li:hover .ntitle{color:#f09b32;}

.inprolistx{ width:100%; height:auto; list-style:none; text-align: center;}
.inprolistx li{width:calc(33.3333% - 42px); float:left;height:auto;margin:0px 10px 20px 10px; border: 1px solid #dedede; padding: 10px;}
.inprolistx li img{ width: 100%;}
.inprolistxbot{ width: 100%; height: 30px; line-height: 30px; padding:10px 0px 0px 0px;}
.inprolistxbot p{ width: calc(100% - 80px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333; float: left;}
.inprolistxbot a{ display: block;background:#d8362b;height:30px; line-height:30px; border-radius:1px; text-align:center; color:#fff; float: right; width:70px; font-size: 14px;}
.inprolistx li:hover{ border-radius:2px; border: 1px solid #d8362b;background:#d8362b; cursor: pointer;}
.inprolistx li:hover .inprolistxbot p{ color: #fff;}
.inprolistx li:hover .inprolistxbot a{ background: #fff; color: #d8362b;}

/*内页产品*/
.inprolist{ width:100%; height:auto; list-style:none; text-align: center;}
.inprolist li{ width:280px; float:left;height:auto;margin:0px 8px 20px 8px; box-shadow: 0px 0px 2px #f1f1f1;}
.inprolist li img{width:100%; height:210px;-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:100%; height:100%; overflow: hidden;}
.inprolist li p{padding: 0px 5px;line-height:40px; height:40px;background: #999; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inprolist li a{color:#fff;display: block;}
.inprolist li:hover a{color:#fff !important;text-decoration:none;  }
.inprolist li:hover p{ background: #ca352b;}
.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:380px; height: auto; float: left; margin: 10px;}
.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:#ca352b;border-bottom:2px solid #ca352b;text-decoration:none;font-weight:bold;}
.ipage .current{color:#ca352b;border-bottom:2px solid #ca352b;display:inline-block; height:35px;line-height:35px;padding:0px 5px;margin:0px 5px;font-size:15px;font-weight:bold;}
.ipage .paprev,.panext{}

/*详情页*/
.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{margin-bottom:20px; border-bottom: 1px dashed #dedede; padding-bottom: 20px;}
.detpnt .detpntline{width:100%;height:28px;line-height:28px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detpnt .detpntline a{color:#666; font-weight: normal; font-size: 14px;}
.detpnt .detpntline a:hover{ color: #333; }

/*更多阅读*/
.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;}

.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:50%; height:30px; line-height:30px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.morearticle li a{ color:#333; padding-left:10px;}
.morearticle li a:hover{ color:#666; padding-left:11px;}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:23%; height:auto;float:left;margin:5px 1%; text-align:center; box-shadow: 0px 0px 3px #dedede;}
.moreproducts li a{ color:#fff; font-size: 14px;}
.moreproducts li a p{ text-align: center; line-height: 30px;background: #999; padding: 0px 5px;}
.moreproducts li a:hover p{ color:#fff; background: #ca352b;}
.moreproducts li img{ width:100%;height:auto;}
.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;}
.comvideo{ width:80%; height:500px; margin: 20px auto;}
.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:calc(28% - 20px);}
	.innerright{ width:70%;}
	
	
	.inprolistx li{width:calc(33.3333% - 40px);}
	/*视频*/
	.invideolist li{ width:31.3333%;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;}
	.inermlist{ padding: 10px 0px; text-align: center;}
	.inermlist li{ display:inline-block; margin: 0px 10px;}
	.inermlist li a{ padding: 0px 20px;}
	
	.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){
	.inermlist li ul{ display: none;}
	.inrrctainer img{ max-width: 100% !important; height: auto !important;}
	/*面包屑*/
	.innerrtitle{ line-height: 50px; height: 50px;}
	.innerrtitle .navpost{ width: 100%;}
	.innerrtitle p{ display: none;}
	/*面包屑*/
	/*左侧*/
	.innerleft{ width: 100%; padding: 0px; margin: 0px; float: none; border: 0px;}
	.innerright{ width: 100%; padding: 0px; margin: 0px; float: none;}
	.innerltitleleft{ display: none;}
	.inermlist{ padding: 10px 0px;text-align: center;}
	.inermlist li{ display:inline-block; margin: 0px 10px;}
	.inermlist li a{ padding: 0px 20px;}
	.iltconts{ display: none;}
	/*右侧*/
	/*新闻动态*/
	.innewslist{ width: 100%;}
	.innewslist .ntitle{ width: 100%;}
	.innewslist .date{display: none;}
	
	.article_title{ font-size: 17px;}
	/*产品展示*/
	.inprolist li{ width:31.3333%; 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;}
	.comvideo{ width: 100%; height:480px;}
	/*分页*/
	.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%;}
	.footer .foot_l ul li{ width: 25% !important;}
}
/*普通手机端*/
@media (max-width:480px){
	.footwapblock{ display: block;}
	.header .logo img{ margin-left: 10px !important;}
	.footer .foot_l ul{ width: 100% !important;}
	/*面包屑*/
	.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;}
	/*面包屑*/
	.innerltitle span{ display: none;}
	/*栏目*/
	.inermlist{ text-align:left;}
	.inermlist li{ width:calc(33.3333% - 1px); display:inline-block;border-bottom: 1px solid #fff; border-left:1px solid #fff; margin: 0px;}
	.inermlist li a{height:32px;line-height:32px; text-align:center; padding: 0px; display: block; font-size: 14px; border: 0px; }
	.comvideo{ width: 100%; height: 280px;}
	.inprolist li{ width: 48%;}
	/*新闻*/
	.innewslist li{ padding:0px 0px 5px 0px; background: #fff; border-bottom: 1px solid #dedede; margin-bottom: 5px;}
	.innewslist li .innewleft{ display: none;}
	.innewslist li .innewright{ margin: 0px; float:none; margin: 0px; width: 100%;}
	
	.inprolistx li {width: calc(50% - 22px); padding: 5px; margin: 5px;}
	.inprolistxbot{ height: auto; padding: 5px 0px 0px 0px;}
	.inprolistxbot p{ width: 100%; text-align: center; float: none;}
	.inprolistxbot a{ float: none; height: 25px; line-height: 25px; margin: 0 auto;}
	/*分页*/
	.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{ margin-bottom: 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;}
}