@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: #368ed7; 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;}

/* 内页左边 */
.innerleft{ width:280px; float:left; height:auto; margin:20px 0px 30px 0px; }
.innerltitle{background-color:#3fa5ed;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;}
.iltconts p{line-height:26px; width:90%; margin:0 auto; padding:25px 0px 50px 0px; height:auto;}

/*栏目*/
.inermlist{ width:100%; height:auto;  margin:0 auto; padding:10px 0px; background: #f1f1f1; }
.inermlist li{width: 86%;margin: 10px auto;background:url(../images/lx1.png) no-repeat 10px center #3FA5ED;line-height: 40px; text-indent:35px;position: relative;font-size: 16px;}
.inermlist li a{color: #fff}
.inermlist li .addsubicon{ display: none;width:30px; height: 35px; line-height:35px; color: #555; font-size:25px;text-align: center; cursor: pointer; font-weight: bold;}
.inermlist li:hover {background:url(../images/lx1.png) no-repeat 10px center #F0A20F;}
.inermlist li:hover > a{color: #fff;display: block;}
.inermlist ul.erji{display:none;position: absolute;left: 100%;top: 0px;background: rgba(0,0,0,0.5);font-size: 15px;z-index: 9999}
.inermlist ul.erji li{min-width: 150px;line-height: 30px;border-bottom:1px dashed #aaa; background: none; margin: 0px 15px; text-indent: 0px; font-size: 14px;}
.inermlist ul.erji li a{color: #fff;display: block;}
.inermlist  li:hover ul.erji {display: block;}
/*热门新闻*/
.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; padding-left: 1px; }
.innernlist li span{float:right;}

.lx_boxx{padding: 30px 15px 20px;height: 270px;background: url(../images/lxbg.jpg) no-repeat center top;text-align: center;}
.lx_boxx b{color: #fff;text-align: center;line-height: 40px;font-size: 30px;}
.lx_boxx p{color: #fff;line-height: 180%;display: block;    padding-top: 5px;font-size: 17px;font-weight: bold;}
.lx_boxx p span{display: block;padding-left: 67px;}

/* 内页右边 */
.innerright{width:890px;float:right; height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;}
.innerrtitle{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #3fa5ed;}
.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; 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;}
.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:#3fa5ed; 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:60px;line-height:25px;font-size:13.5px; color:#656565;overflow: hidden;}
.innewslist .more{background:#3fa5ed;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: #DD0000;}
.innewslist li:hover .ntitle{color:#DD0000;}
.innewslist li:hover .innewleft{background: #DD0000;}
/*谁*/
.hezuolist{ width: 100%;height: auto;}
.hezuolist li{width:23%; height: auto; float:left;margin: 0px 1% 10px 1%;}
.hezuolist li .img{ padding: 5px; border: 1px solid #dedede;}
.hezuolist li p{ text-align: center; line-height: 35px; color: #555; font-size: 14px;}
/*内页产品*/
.inprolist{ width:100%; height:auto; list-style:none; text-align: center;}
.inprolist li{ width:280px; float:left;height:auto;margin:0px 8px 20px 8px;}
.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: #3fa5ed;}
.inprolist li:hover .img{border: 1px solid #3fa5ed;}
.inprolist li:hover img{transform: scale(1.1, 1.1);opacity:0.9;filter:alpha(opacity=90);}

/*视频*/
.invideolist{ width: 100%; height: auto;}
.invideolist li{ width:430px; 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:#3fa5ed;border-bottom:2px solid #3fa5ed;text-decoration: none; font-weight: bold;}
.ipage .current {display: inline-block; height:35px;line-height:35px; padding: 0px 5px;margin: 0px 5px; color: #3fa5ed;border-bottom:2px solid #3fa5ed;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{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;}

.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:#3fa5ed; padding-left:11px;}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:136px; height:auto;float:left; margin:0px 6px 10px 6px; text-align:center;}
.moreproducts li a{ color:#333;}
.moreproducts li a p{ text-align: center; line-height: 30px;}
.moreproducts li a:hover{ color:#3fa5ed}
.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}
.inmesteat{ height:120px;resize: 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{width:48%; outline: none; height:40px; line-height:40px;background:#ef0606;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;}
	.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){
	.innewslist .more{ display: none;}
	.lx_boxx{ 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%; height: auto; margin: 0px;}
	.innerltitle{ display: none;}
	.inermlist{ text-align: center; background: none;}
	.inermlist li{ width:31.33333%; display:inline-block; margin: 0px 1% 10px 1%; color: #fff; text-indent: 0px; padding: 0px;height:35px;line-height:35px;}
	.inermlist li .addsubicon{color: #fff; display:inline-block;}
	.inermlist li a{ width:calc(100% - 45px);color:#fff;height:35px;line-height:35px; text-align: left; display: inline-block; vertical-align: top; text-indent:25px; overflow: hidden;}
	.inermlist li:hover > a{color:#FFF;display: inline-block;}
	.inermlist ul.erji{ width:100%;position:absolute;top:40px;z-index:1000;left:0px;background: rgba(0,0,0,0.9);}
	.inermlist ul.erji li{ border: 0px;}
	.inermlist ul.erji li a{ width: 100%; text-align: center !important; text-indent: 0px;}
	/*栏目*/
	
	.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){
	.header .head_body .logo img{margin: 5px 0 5px 5px !important;}
	.hezuolist li{width:48%;}
	/*面包屑*/
	.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;}
	/*面包屑*/
	.innewleft{ display: none;}
	.innewslist li .innewright{ width: calc(100% - 20px); margin: 0px 10px;}
	.innewslist .nconc{ height: 50px;}
	/*栏目*/
	.inermlist li{ width:48%; display:inline-block; margin: 0px 1% 5px 1%;}
	.footer .xl4{ width: 100% !important;}
	.footer .xl5{ display: none;}
	/*新闻*/
	.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{ padding: 0px; background:none;}
	.detpnt .detpntline{padding:0px 10px;height:30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:0px; font-size: 15px; font-weight:400;background-repeat:no-repeat; margin-bottom: 5px; background: #f1f1f1; width: calc(100% - 20px);}
	.detpntl { background-position: left center;text-align: left;float: none; padding: 0px;}
	.detpntr {background-position: left center;text-align: left;float: none; padding: 0px;}
	.invideolist li{ width:100%;margin:0px 0px 10px 0px;}
	.videoiframe{height:260px;}
	.morearticle{ padding: 0px;}
	.title{ height: 80px !important; margin-top: 10px !important;}
	/*图片集*/
	.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;}
}