/*共公类*/
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: #c7a46c;
}
.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:url(../images/pro_bg3.jpg) no-repeat center  top; text-align:center; height:800px;  }
.main{width:100%; margin:auto; }

#warp_1  h3{width:100%; font-size:1.3rem; font-weight:normal; height:110px; float:left; color:#181818; text-align:left;   padding-top:15px; letter-spacing:opx; background-size:80%; margin-top:2.4rem; margin:0 auto;  }
#warp_1 h3 span{color:#181818; text-align:left; font-size:1.9rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; }
#warp_1  h3 b {
    width: 85px;
    height: 2px;
    position: relative;
    background: #dc251f;
    bottom: 0;
    display: block;
    margin-top: 10px;
}


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

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




/*简介*/

#warp_2{width:100%; margin:0 auto;background:url(../images/pro_bg1.jpg) no-repeat center  top; text-align:center; height:900px; clear:both;  }

#warp_2  h3{width:100%; font-size:1.3rem; font-weight:normal; height:110px; float:left; color:#fff; text-align:left;   padding-top:15px; letter-spacing:0px; background-size:80%; margin-top:2.4rem; margin:0 auto;  }
#warp_2 h3 span{color:#fff; text-align:left; font-size:1.9rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; font-weight:bold; text-transform:uppercase; letter-spacing:0px; }
#warp_2  h3 b {
    width: 85px;
    height: 2px;
    position: relative;
    background: #e5e5e5;
    bottom: 0;
    display: block;
    margin-top: 10px;
}

.about_neirong{ width:90%; height:400px; margin:0 auto; text-align:center; font-size:1rem; line-height:30px; text-indent:28px; }
.about_neirong p{ width:100%; height:224px; text-align:left; line-height:24px; margin:20px auto; text-indent:0px; display:block; color:#fff; font-size:0.9rem; line-height:26px}
.about_neirong a{ color:#fff; text-align:center}
.about_neirong img{ margin-top:20px}

.about_neirong .li_er a{ width:100%; color:#FFF; text-align:center; display:block; font-size:0.9rem}
.about_neirong .li_er { width:30%; float:left; text-align:left;}
.about_neirong .li_er img{ width:70px}


.about_neirong .li_er:hover{ margin-top:-20px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}




/*选项卡*/

#warp_4{width:100%; margin:0 auto;background:url(../images/pro_bg4.jpg) no-repeat center  top; text-align:center; height:700px; clear:both;  }

.ncon_item {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 15px 15px;
  
    border-bottom: 1px solid #555555;
}
.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: #d9d9d9; 
}
.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:#d9d9d9 ; text-align:left
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
   width: 40%;
    height: 28px;
    background: #dc251f;
    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:40px 12px 1px 12px;
}
.tab_con{ display:none; }

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

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

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px;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;  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:url(../images/pro_bg2.jpg) no-repeat center  top; text-align:center; height:770px;  }
.main{width:100%; margin:auto; }
#warp_3  h3{width:100%; font-size:2rem; font-weight:normal; height:110px; float:left; color:#000000; text-align:center;   padding-top:15px; letter-spacing:2px; background:url(../images/pro_t.png) no-repeat center top ; background-size:80%; margin-top:2.4rem;  }
#warp_3 h3 span{color:#a99067; 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:20px; }
.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:100px; 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: 24px;
    background: #bd9b63;
    text-align: center;
    line-height: 24px;
    margin: 20px auto;
    text-indent: 0px; display:block
}

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