/*共公类*/
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:4px;
	height:4px;
	margin-right:7px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	background-color: #c7a46c;border-radius: 50%;
}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:360px;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/23.gif );
	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%

}#bgstylee{
	background-image: url(../images/wap_b5.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:15%;
	margin-left:-45%;
}
.obj-c img{ width:100%
}


.obj-d{
	
	top: 2%;
	margin-left: -45%; 
}
 .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:710px; padding-top:3rem  }


#warp_1  h3{width:100%; font-size:1.6rem; font-weight:normal; height:90px; color:#181818; text-align:center;  margin:0 auto;  }
#warp_1 h3 span{color:#5c5c5c; text-align: center; font-size:0.85rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; text-transform:uppercase; letter-spacing:0px; }


.index_pro {
    width: 100%;
    margin: 0 auto;
}



.index_pro01 {
    width: 100%;
    overflow: hidden;}
.index_pro01 dl {
   
    width: 100%;
    height: 196px;
    background: #fff;
     margin:2% auto}

.index_pro01 dl dt {
     width: 100%;
    height: 196px;
    overflow: hidden;
}
.index_pro01 dl dt img {
    width:100%;
    height: 196px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.index_pro01 dl dd {
    
    font-size: 24px;
    color: #2f2e2e;
    background: rgb(255,255,255,0.5);
    display: block;
    z-index: 9999;
    position: absolute;
    width: 60%;
    padding: 3% 10%;
    text-align: center; margin: 13% 10%
 
}
.index_pro01 dl dd p {
    font-size: 15px;
    color: #2f2e2e;
    text-transform: uppercase; padding-top:2%
}
.kuang {
    background: url(../images/kuang.png) no-repeat center center;
    z-index: 999;
    display: block;
    width: 94%;
    height: 170px;
    position: absolute; border:1px #fff solid;  margin: auto; margin:3%
}
/*简介*/

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

#warp_2  h3{width:100%; font-size:1.6rem; font-weight:normal; height:90px; color:#181818; text-align:center;  margin:0 auto;  }
#warp_2 h3 span{color:#5c5c5c; text-align: center; font-size:0.85rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; text-transform:uppercase; letter-spacing:0px; }
#warp_2 p{ font-size:15px; text-indent:28px; line-height:26px}
.more_a {
    width: 72px;
    height: 72px;
    background: #183885;
    float: right;
    color: #fff;
    font-size: 42px;
    text-align: center;
    line-height: 72px;
    bottom: 0;
    right: 0; margin-top:3%
}

.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:#fff; text-align:center; height:550px; clear:both; padding-top:13% }

#warp_4  h3{width:100%; font-size:1.6rem; font-weight:normal; height:90px; color:#181818; text-align:center;  margin:0 auto;  }
#warp_4 h3 span{color:#5c5c5c; text-align: center; font-size:0.85rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; text-transform:uppercase; letter-spacing:0px; }







.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:#333; font-size:15px
}

.loading-more-button a { color:#333; 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{  }
.n_right{ width:98%; margin:0 auto}

.n_right li {
    width:98%;
    border-bottom: solid 1px #e8e8e8;
    float: left;
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.n_r_1 {
    float: left;
    width: 20%;
    height: 70px;
    margin-right: 3%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding-top: 5px;
    background: #b9b9b9;
}.n_r_1 h7 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    float: left;
    width: 72px;
}.n_r_2 {
    float: right;
    width: 75%;
    color: #555555; text-align:left
}

.n_r_2  a{ color:#555555}


.n_r_2 h4 {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    padding-bottom: 8px;
}


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

.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_bg.jpg) repeat; text-align:center; height:610px; clear:both; padding-top:13%  }

#warp_3  h3{width:100%; font-size:1.6rem; font-weight:normal; height:90px; color:#181818; text-align:center;  margin:0 auto;  }
#warp_3 h3 span{color:#5c5c5c; text-align: center; font-size:0.85rem; line-height:27px; padding-top:10px; float:left;width:100%; padding-bottom:10px ; text-transform:uppercase; letter-spacing:0px; }

#wrap{
	width: 100%;
	height: 574px;
	margin:  0px auto ;
}
#wrap ul li .a1 img{
	width: 100%;
	height: 150px;
}
#wrap ul li{
	width: 47%;
	height: 150px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 1.5%;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 26px;
	padding: 0;
	background: #f1f1f1;
}
#wrap ul li .a1 .divA>.p1{
	width: 100%;
	height: 25px;
	font-size: 15px;
    line-height: 26px;
    color: #000; 
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 20px;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #3f3f3f; text-transform:uppercase
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-40%;
	width: 100%;
	height: 150px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s; 
} 

#wrap ul li .a2 .p1{
	
	font-size: 20px;
    line-height: 46px;
    color: #fff; margin-top:40px 
}



#wrap ul li .a2 .p4{
	width: 390px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -390px;
	color: #ffe605;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 390px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -390px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:80px;
	left:115px;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 10px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}