/*共公类*/
body{ margin:0px; font-size:12px; line-height:23px; color:#666; font-family:"微软雅黑",Simsun; width:100%}


.clear{
	clear:both;
	height:0px;
}
* html .clear{
	clear:both;
	display:inline;
}
.flo{ float:left;}
.flot{ float:right;}
body{ text-decoration:none}
a{ text-decoration:none}

/* banner */

.slide-main{ position:relative; width:100%}
.prev,.next{
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:280px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	_border:1px solid none;
}
.prev{
	left:40px;
}
.next{
	right:40px;
}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	z-index:124;
	top:90%;
	left:0;
	text-align:center;
}
.item a{
	display:inline-block;
	width:54px;
	height:2px;
	margin-right:7px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	background-color: #247cc6;
}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#fff;position:relative;position:absolute;z-index:8;}
#bgstylea{
	background-image: url(../images/wap_b1.jpg );
	background-repeat: no-repeat;
	background-position: center top;
	height: 683px; background-size: 100%

}
#bgstyleb{
	background-image: url(../images/wap_b2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 683px;background-size: 100%
}
#bgstylec{
	background-image: url(../images/wap_b3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 683px;background-size: 100%

}#bgstyled{
	background-image: url(../images/wap_b4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 683px;background-size: 100%

}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:900px;margin-left:-476px;text-align:center;}
.obj-a{
	display:block;
	height:683px;
	margin-left: -800px;
	top: -10px;
}
.obj-b{
		
	top: 22%;
	margin-left: -45%;
}
.obj-b img{ width:100%!important
}

.obj-c{
	display:block;
	top:20%;
	margin-left:-45%;
}
.obj-c img{ width:100%
}


.obj-d{
	
	top: 30%;
	margin-left: -50%; 
}
 .obj-d img{ width:100%}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{
	width:490px;
	height:683px;
	margin-left:-10px;
	z-index:12;
	top: 170px;
}
.obj-f{
	width:692px;
	height:394px;
	margin-left:-500px;
	top: 40px;
}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

/* 懒人图库 搜集整理 www.lanrentuku.com */








/*产品*/

#warp_1{width:100%; margin:0 auto;background:#fff; text-align:center; height:400px;  }
.main{width:100%; margin:auto; }
#warp_1  h3{width:100%; font-size:1.5rem; font-weight:normal; height:110px; float:left; color:#4d4c4c; text-align:center;    letter-spacing:0px; background:url(../images/wap_line.png) no-repeat center center ; background-size:43%; margin-top:2.35rem;  }
#warp_1 h3 span{color:#247cc6; text-align:center; font-size:1.8rem; line-height:27px; padding-top:10px; float:left;width:100%;  padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}


.index_pro01 dl:first-child{border-top: #ecb960 solid 3px;}
.index_pro01 dl:last-child {border-bottom: #ecb960 solid 3px;}

index_pro01{ width:100%; overflow:hidden; height:1800px;  background:#fff;border-top: #ecb960 solid 3px;border-bottom: #ecb960 solid 3px; margin:0 auto }
.index_pro01 dl{ float:left; height:11.5rem; width:94%; padding:0 3%   }
.index_pro01 dl dt{  width:80%;overflow:hidden; text-align:center; overflow:hidden; height:1.7rem; background:#247cc6; line-height:1.7rem; display:block; margin-bottom:1% ;width:48%; float:left; margin-right:0.5%; margin-left:0.5%}
.index_pro01 dl dt a{ text-align:left; padding-left:0.9rem; color:#fff; font-size:1rem }
.index_pro01 dl dt img{ width:100%;  }

.index_pro01 dl dd{   font-size:1.3rem!important; color: rgb(36, 124, 198); text-align:left;  background:#fff; padding:4%; font-size:36px;  width:90%;   float:left; padding-left:5%

}
.index_pro01 dl span{ font-size:0.9rem; font-family: Arial,"Microsoft YaHei";
   
    font-weight: normal;
    color: #333333; line-height:30px;  display:block}
.index_pro01 dl dd p{ font-size:16px; color:#1e1e1e; }
.index_pro01 dl dd a{ display:block; width:59px; height:20px; margin-top:30px}
.index_pro01 dl dd a:hover{ color:#fff; border:#fff solid 1px;}
.banx{ background:url(../images/xx.jpg); width:100%; height:11px;}


/*简介*/

#warp_2{width:100%; margin:0 auto; text-align:center; height:730px; clear:both;  }

#warp_2  h3{ font-size:1.3rem; font-weight:normal; height:60px; float:left; color:#247cc6; text-align:left;   letter-spacing:0px;  margin:2% auto; padding:3% ; width:94% }
#warp_2 h3 span{color:#247cc6; text-align:center; font-size:16px; line-height:27px; padding-top:10px; float:left;width:100%; background:url(../images/line.jpg) no-repeat center top; padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; }
.about_neirong{ padding:3%; height:400px; margin:0 auto; text-align:center; font-size:1rem; line-height:30px; text-indent:28px}
.about_neirong p{ width:100%; text-align:left; line-height:24px; margin:1.3rem auto; text-indent:0px; padding:3%}
.about_neirong p a{ color:#333; text-align:left}
.about_neirong img{ margin-top:20px}

#warp_2 h3 b{ width:8%; height:3px; background:#ecb960; display:block; float:left; margin-top:6%;margin-bottom:3%}


.about_R_more {
	
	height: 6rem;
	 margin:0 auto; width:100%; margin:0 auto
}
.about_R_more_tu {
	height: 5rem;
	width: 24%;
	font-size: 1rem;
	line-height: 5rem!important;
	color: #FFF;
	float: left;
	text-align: center!important; 
}
.about_R_more_tu p {text-align: center!important;line-height: 2rem!important; }
.about_R_more_tu img {
	margin-top: 1.75rem;
}


.ys1 {
	background-color: #247cc6; background:url(../images/b1.png) no-repeat center center #247cc6;  background-size:30%
}
.ys2 {
	background-color: #3586ca;
}.ys3 {
	background-color: #5498d2;background:url(../images/b2.png) no-repeat center center #5498d2;  background-size:30%
}
.ys4 {
	background-color: #D90000;
}


/*选项卡*/
.ncon_item {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 15px 15px;
  
    border-bottom: 1px solid #EBEBEB;
}
.shl-ptit {
 font-size:17px;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; color: #FFF; 
}
.shl-time {
 font-size:13px;

 margin-top:9px;
 background:url(../images/shl-ico-time.png) no-repeat left center;
 background-size:auto 15px;

 background-repeat:no-repeat;
 padding-left:17px; color:#FFF ; text-align:left
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
   width: 40%;
    height: 28px;
    background: #ff0000;
    text-align: center;
    line-height: 28px;
    margin: 20px auto;
    text-indent: 0px;color:#fff; font-size:15px
}

.loading-more-button a { color:#fff; font-size:16px}

.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff;
}
.tab_con{ display:none; }

.tabs li{
float: left;
width:50%;
height: 70px;
line-height: 70px;
font-size: 1.4rem;border-bottom: 2px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 50%;
height: 70px;
border-bottom: 2px solid #b89863;
line-height: 70px;
font-size: 1.4rem;
color: #247cc6;  }

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #004185; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {
    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;margin-top: 10px;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 25%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 25%;
height: 40px;
border-bottom: 1px solid #004185;
line-height: 40px;
font-size: 0.9rem;
color: #004185;}


.shl-djt{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: 
    #f4f4f4;
  
}
.shl-djtpic{width: 100%;
height: 110px;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.jigou-pic img { width:100%; height:100%; object-fit:contain;}
.foot {
    padding: 25px 15px;background: #282828;color: #fff; display:flex; font-size:0.7rem; line-height:1.5rem; border-bottom:1px solid #959595;
}
.foot1 { width:33.33%; box-sizing:border-box; padding-left:1rem;}
.foot a {
    color: #fff;
}
.fo {font-size:0.9rem; padding-bottom:10px;}
.foot2-wap {
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:
#134989;
color:
#fff;
}


/*设备*/

#warp_3{width:100%; margin:0 auto;background:#f7f7f7; text-align:center; height:640px;  }
.main{width:100%; margin:auto; }
#warp_3  h3{width:100%; font-size:1.5rem; font-weight:normal; height:60px; float:left; color:#4d4c4c; text-align:center;    letter-spacing:0px; background:url(../images/wap_line.png) no-repeat center center ; background-size:43%; margin-top:2.35rem; line-height:60px;margin-bottom:1.35rem; }
#warp_3 h3 span{color:#247cc6; text-align:center; font-size:16px; line-height:27px; padding-top:10px; float:left;width:100%; background:url(../images/line.jpg) no-repeat center top; padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; }

.shangnet { width:90%; margin:0 auto;	
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}

.houjia {}
.houjia ul li{ text-align: center;   width: 50%;  float: left; margin-bottom:0px; }
.houjia:after { clear: both; content: " "; display: block; }
.houjia  li p{ line-height: 34px; margin:0; padding:0; font-size:14px;}
.houjia  li a{ display:block;   font-size:14px; color:#444; text-align:center;  }
.middle_pic {list-style:none; font-family: Arial, Helvetica, sans-serif;}/*这里的字体一定要写  可以用  microsoft yahei  或者 Arial, Helvetica, sans-serif  宋体不行*/
.middle_pic { text-align:center; width:150px; height:100px; margin:0 auto; z-index:8; padding:0px; overflow:hidden}
.middle_pic .bdlistImg {width:150px; height:80px; background-color:#EAEDEE; border: 1px solid #E1E1E1; text-align:center; overflow:hidden}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:110px; max-width:150px; _width:expression(this.width > 137 ? '137px' : true);  _height:expression(this.height > 100 ? '100px' : true); vertical-align:middle; border:0px none;}
.middle_pic .bdlistImg span {display:inline-block; height:100%; vertical-align:middle; width:0px;}
.middle_pic .bdlistName {height:33px; line-height:33px; color:green; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.c_tupic{ margin:15px 0px 0; background:#fff; padding:2px 0 0;}

#warp_3 span {
    width: 40%;
    height: 28px;
    background: #247cc6;
    text-align: center;
    line-height: 28px;
    margin: 20px auto;
    text-indent: 0px; display:block
}

#warp_3  span a{
    color: #fff;
    text-align: center; font-size:15px
} 

/*新闻*/

#warp_4{width:100%; margin:0 auto;background:#247cc6; text-align:center; height:380px;  }
#warp_4  h3{ font-size:1.3rem; font-weight:normal; height:50px; float:left; color:#FFF; text-align:left;   letter-spacing:0px;  margin:4% auto 1% auto ; padding:4% ; width:92% }
#warp_4 h3 span{color:#FFF; text-align:center; font-size:16px; line-height:27px; padding-top:10px; float:left;width:100%; background:url(../images/line.jpg) no-repeat center top; padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; }