@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;}
.dyhicon{ display: none;}
/* 友情链接 */
.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}
.links{ width:100%; height: auto; background: #13192f; clear: both; display: none;}
.links ul{ width:1300px; 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:280px; 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; text-align: center;}
.inermlist li{height:auto;margin:0px 10px; position: relative;background: url(../images/top_bg1.png) right center no-repeat; display: inline-block;}
.inermlist li a{height:40px;line-height:40px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:15px;text-align:center; padding-right:20px;}
.inermlist li a:hover{color:#0067B5;font-weight:bold;text-decoration:none;}
.inermlist li.on a{color:#0067B5;font-weight:bold;text-decoration:none;}
/*热门新闻*/
.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:100%; 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; padding:10px;}
.innewslist li .innewleft{ width:100px; height:80px; float: left; background:#bbb; 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: #0067b5;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:#0067B5;height:25px; line-height:25px; border-radius:3px; text-align:center; color:#fff; padding: 0px 8px; float: right; text-indent:0px; width: auto;}

.innewslist li:hover{ border-radius: 4px;}
.innewslist li:hover .more{background: #FED444;}
.innewslist li:hover .ntitle{color:#FED444;}
.innewslist li:hover .innewleft{background: #FED444;}

/*内页下载*/
.indownlist{ width: 100%; height: auto;}
.indownlist li{margin:0px 0px 20px 0px; background:#f1f1f1; width: 100%; height: 30px;line-height: 30px; padding:10px;}
.indownlist li a{ display: block;}
.indownlist li p{ width: calc(100% - 100px); float: left;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indownlist li .downmore{ width: 80px; height: 30px;line-height: 30px; border: 1px solid #0067B5; color: #0067B5; text-align: center; border-radius: 2px; float: right;}
.indownlist li a:hover .downmore{ background: #0067B5; color: #fff;}


/*内页产品*/
.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: #0067B5;}
.inprolist li:hover .img{border: 1px solid #0067B5;}
.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: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:#0067B5;border-bottom:2px solid #0067B5;text-decoration:none;font-weight:bold;}
.ipage .current{color:#0067B5;border-bottom:2px solid #0067B5;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; border-bottom:3px solid #dedede;}
.innerabouttitle p{color:#e27a1b;font-size:30px; text-align: center; font-weight:bold;height:35px; line-height:35px;}

.fotdetbox{padding:15px; background: #f1f1f1;}
.fotdetbox .i_service_t{ padding-bottom: 10px;}
.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:#666; padding-left:11px;}
.moreproducts{border: 1px solid #fff; padding: 10px 0px;}
.moreproducts li{ width:123px; height:auto;float:left; margin:0px 10px; text-align:center;}
.moreproducts li a{ color:#333;}
.moreproducts li p{ text-align: center; line-height:20px;}
.moreproducts li a:hover{ color:#666}
.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;}

/*图片集*/
.imgnav{ width:720px; margin:00px auto;}
#bodycontent .hov{ display: block;}
#bodycontent p{ display: none;}
.imgnav{  position:relative; margin:0 auto; width:720px;}
#tabsmalimg{ z-index:10; width:720px; position:relative; text-align:center;}
#tabsmalimg img{ height:540px; display:none;}
#front{ position:absolute; left:-50px; top:0px; z-index:10; cursor:pointer;  width:30px; height:540px;}
#front a{  position:absolute; left:0px; top:224px;display:block; background:url(../images/index_tab_l.png) no-repeat; width:30px; height:60px;}
#next{  position:absolute; right:-50px; top:0px; z-index:10;cursor:pointer; width:30px; height:540px;}
#next a{  position:absolute; right:0px; top:224px; display:block; background:url(../images/index_tab_r.png) no-repeat; width:30px; height:60px;}

#cbtn{background:#EAEBF0; position:relative; height:auto; }
#cbtn ul{position:relative; width:10000px; height:auto;}
#cbtn ul li{ float:left;width:116px; height:86px; cursor:pointer; text-align:center; margin-right:14px; position:relative;}
#cbtn ul li img{ width:116px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ border: 1px solid #f00; /*background:url(../images/ico/imgHoverBg.gif) no-repeat;*/}
.ctrl div{ clear:both;}
#cSlideUl{width:640px; height:110px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:42px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:42px; right:10px; z-index:9;}

/*图片集*/
/*.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;}

/*内页产品服务 start*/
.pro_inbox li{width: calc(100% / 3);float: left;height: 300px;margin:0;}
.pro_inbox li:nth-child(1) {background:url(../images/icon1.png) no-repeat right bottom #1374C8}
.pro_inbox li:nth-child(2) {background:url(../images/icon2.png) no-repeat right bottom #FFA145}
.pro_inbox li:nth-child(3) {background:url(../images/icon3.png) no-repeat right bottom #98BF36}
.pro_inbox li:nth-child(4) {background:url(../images/icon4.png) no-repeat right bottom #FED443}
.pro_inbox li:nth-child(5) {background:url(../images/icon5.png) no-repeat right bottom #46A98A}
.pro_inbox li:nth-child(6) {background:url(../images/icon6.png) no-repeat right bottom #8281BA}
.pro_inbox li i{color: #fff;font-size: 28px;line-height: 200px;display: block;}
.pro_inbox li img{margin:20px auto;width: 50px!important;height: 50px!important;position: relative;top: -80px;opacity: 0.6;}
.pro_inbox li:hover img{transform: scale(1,1);opacity:1;}

.pro_inbox li:nth-child(1):hover {background:url(../images/icon1.png) no-repeat right bottom #005FAF}
.pro_inbox li:nth-child(2):hover {background:url(../images/icon2.png) no-repeat right bottom #E38B34}
.pro_inbox li:nth-child(3):hover {background:url(../images/icon3.png) no-repeat right bottom #8BAF29}
.pro_inbox li:nth-child(4):hover {background:url(../images/icon4.png) no-repeat right bottom #E8BF36}
.pro_inbox li:nth-child(5):hover {background:url(../images/icon5.png) no-repeat right bottom #369879}
.pro_inbox li:nth-child(6):hover {background:url(../images/icon6.png) no-repeat right bottom #7171A5}
/*大屏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){
	/*视频*/
	.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: 100%!important;display: block;}
	/*面包屑*/
	.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%;}
	.pro_inbox li{width: calc(100% / 2);float: left;height: 300px;margin:0;}
	.pro_inbox li i {color: #fff;font-size: 22px;line-height: 125px;display: block;}
	.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;}
	.pro_inbox li img {top: -45px;}
	/*分页*/
	.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){
	.dyhicon{ display: block;}
	/*面包屑*/
	.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;}
}
/* æ ‡çŽ‹æŽ¨å¹¿ */
.main_title {
	font-size: 38px;
	color: #333;
	display: block;
	text-align: center;
	font-weight: 700;
  }
  
  .main_title2 {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	margin-top: 30px;
  }
  
  .bwtg {
	padding: 60px 0;
  
  }
  
  .bwtg-info {
	margin-top: 30px;
  }
  
  .bwtg-txt {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
  
  }
  
  .bwtg-txt span {
	color: #FF6A00;
  }
  
  #case {
	margin-top: 30px;
  }
  
  #case .swiper-container {
	width: 100%;
	padding-bottom: 30px;
	margin-top: 30px;
  }
  
  #case .swiper-slide {
	width: 100%;
	height: 100%;
	background: #fff;
  
	position: relative;
	transform: scale(0.85);
	margin-top: 70px;
	margin-bottom: 70px;
	-webkit-transition: transform 1.0s;
	transition: transform 1.0s;
  
  
  }
  
  #case .swiper-slide img {
	width: 100%;
  
	display: block;
	height: 100%;
	border: none;
  }
  
  #case .swiper-slide a {
	display: block;
	position: relative;
  }
  
  #case .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	height: 110px;
  }
  
  #case .swiper-slide-active {
	border-radius: 2px;
	box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
  }
  
  #case .swiper-slide-active .layer-mask {
	display: none;
  }
  
  .layer-mask {
	width: 100%;
	height: calc(100% - 110px);
	transition: all 0.5s;
	background: rgba(255, 255, 255, .5);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 100px;
  }
  
  
  #case .swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1002;
  }
  
  .swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
  }
  
  .swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
  }
  
  .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
  }
  
  
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto;
  }
  
  
  .more {
	border-radius: 23px;
	height: 46px;
	display: block;
	font-size: 16px;
	line-height: 46px;
	color: #fff;
	font-family: Arial;
	text-align: center;
	width: 190px;
	text-transform: uppercase;
	background-image: linear-gradient(90deg, #00aeff 0, #596efb 100%);
	background-color: #596efb;
	box-shadow: 0 8px 20px rgba(0, 141, 230, 0.2);
	margin: 0px auto;
	position: relative;
	margin-top: 20px;
  
  }
  
  .more:hover {
	background-image: linear-gradient(90deg, #09f 0, #575dfa 100%);
	background-color: #5064e6
  }
  
  
/* ä¸ºä»€ä¹ˆé€‰æ‹©ç™¾æœæ ‡çŽ‹ */
.product-bg {
	padding: 60px 0 90px 0;
  }
  
  .pro-box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
  }
  
  .pro-fl {
	flex: 1;
	background-image: linear-gradient(90deg, #4E83FF 0, #2462F5 100%);
	background-color: #4E83FF;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff;
  
  
  }
  
  .pro-fl p {
	padding: 30px;
	font-size: 18px;
	line-height: 30px;
  }
  
  .product {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	/* padding-top: 40px; */
	flex: 3;
  
  }
  
  .product a {

	transition: all .3s;
	width: calc(33.33% - 20px);
	text-align: center;
	margin: 10px;
	padding: 10px 0;
	/* background-color: #fff; */
	position: relative;
  
  
  }
  
  .product a::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: inherit;
	/* border: 1px solid #007AFF; */
	transform: scale(1.1);
	opacity: 0;
	transition: 0.3s;
  }
  
  .product a:hover::before {
	transform: scaleX(1);
	opacity: 1;
  }
  
  .product a img {
	margin: 20px auto;
  }
  
  .product a .info b {
	display: block;
	color: #333;
	font-size: 18px;
  }
  
  .product a .info p {
  
	margin: 10px;
	line-height: 28px;
	color: #666;
  }
  .zsys {
	
	padding: 60px 0;
  }
  
  .zsys_con {
	margin-top: 30px;
  }
  
  .zsys_con p {
	text-align: center;
	font-size: 18px;
  }
  
  .zsys_con p a:hover {
	color: #358FFD;
  }
  
  .zsys_con .zsys_tu {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	box-shadow: 0 0 10px #F2F3F5;
	background: #fff;
	padding: 20px;
	margin-top: 30px;
  
  }
  
  .zsys_con .zsys_tu div {
	margin: 10px;
  
  }
  
  .zsys_con .zsys_tu2 p {
	text-align: left;
	margin: 20px 0;
  }
  
  .att {
	text-align: left;
	color: #666;
	font-size: 16px;
	margin-top: 30px;
	border-top: 1px solid #dedede;
	padding-top: 30px;
	line-height: 28px;
  }
  
  .att span {
	color: #FF6A00;
  }
  /* å“ç‰Œä¸“åŒº */
.ppzq {
	padding: 60px 0 40px 0;
  
  }
  
  .ppzq-list {
	margin-top: 30px;
  }
  
  .ppzq-list .swiper-wrapper {
	padding-bottom: 70px;
  }
  
  .ppzq-list .swiper-slide img {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	transition: all .3s;
  }
  
  .ppzq-list .swiper-slide span {
	overflow: hidden;
	display: block;
  }
  
  .ppzq-list .swiper-slide p {
	background: rgba(255, 255, 255, 1);
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	padding: 10px;
	border-radius: 20px;
  }
  
  
  
  .ppzq-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
  }
  
  .ppzq-list .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
  }
  
  .ppzq-list .swiper-pagination-bullet {
	width: 30px;
	height: 4px;
	display: inline-block;
	border-radius: 0;
  
	background: #000;
	opacity: .1;
  }
  
  .ppzq-list .swiper-pagination-bullet-active {
	opacity: 1;
	background: #007AFF;
  }
  
  .ppzq-list {


  }
  
  .ppzqal {}
  
  
  
  .ppzqal .ppzq-fl {
	width: 35%;
	background: rgba(131, 175, 250, 0.5);
	border-radius: 20px;
	padding: 20px;
	margin-right: 30px;
	box-shadow: 0 0 10px #2A78FB;
  }
  
  .ppzqal .ppzq-fl b {
	color: #fff;
	display: block;
	font-size: 20px;
	margin: 10px 0;
  }
  
  .ppzqal .ppzq-fr {
  
	background: rgba(131, 175, 250, 0.5);
	border-radius: 20px;
	padding: 20px;
	margin: 0 10px;
	box-shadow: 0 0 10px #2A78FB;
	overflow: hidden;
  }
  
  .ppzqal .ppzq-fr img {
	border-radius: 20px;
  }
  
  .ppzq-list .swiper-slide .ppzqal .ppzq-fr:hover img {
	transform: scale(1.05);
  }
  
  .ppzq-list .swiper-pagination-bullets {
	bottom: 25px !important;
  }
  @media (max-width:768px){
	.pro-box {
		flex-direction: column;
		align-items: center;
	  }
	.product a {
		transition: all .3s;
		width: calc(50% - 20px);
		text-align: center;
		margin: 10px;
		padding: 10px 0;
		background-color: #fff;
	  }
	  .main_title {
		font-size: 30px;
	}
  }