
/*共公类*/
body{ margin:0px; font-size:12px; line-height:23px; color:#666; font-family:"微软雅黑",Simsun; width:100%}
@font-face {
font-family:DINEngschriftStd;
src:url(../fonts/DINEngschriftStd.53ddef7c.otf)
}
@font-face {
font-family:TTRuiHeiJ-W4;
src:url(../fonts/TTRuiHeiJ-W4.ttf)
}

.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:34px;
	height:4px;
	margin-right:4px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
	background-color: #fff;
}
.item a.cur{background:#fab30d;}
.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%

}


#bgstylee{
	background-image: url(../images/wap_b4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 683px;background-size: 100%

}#bgstylef{
	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; margin:0 auto}

.slide h2{ font-size:2rem; color:#fff; text-align:center;display:block; height:30px; letter-spacing:-1px}
.slide h3{ font-size:1rem; color:#fff; text-align:center; margin:10px; display:block}
.slide span{ font-size:0.9rem; color:#fff; text-align:center;  margin:10px ; display:block; }

.btn{width: 185px;
    height: 45px;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    letter-spacing: -0.5px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(12, 121, 63, 0.5);
    display: block;}



.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9; }
.obj-a,.obj-b{width:900px;text-align:center;}
.obj-a{
	display:block;
	height:683px;
	margin-left: -800px;
	top: -10px;
}
.obj-b{
		
	top: 22%;
	
}
.obj-b img{ width:100%!important
}

.obj-c{
	display:block;
	top:22%; width:100%; margin:0 auto 

}
.obj-c img{
}


.obj-d{
	
	width:40%;
    height: 30px;
    line-height: 30px; margin:7% 30% 0 30%  ; text-transform:uppercase;
 
    border: 1px solid white; color:#fff; font-size: 0.8rem; text-align:center; display:block
}
 .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:10%;} to{opacity:1;left:5%;} }
@-moz-keyframes baoAni{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }
@keyframes baoAni{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }
.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:10%;} to{opacity:1;left:5%;} }
@-moz-keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }
@keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }
.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:10%;} to{opacity:1;left:5%;} }
@-moz-keyframes saAnid{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }
@keyframes saAnid{from{opacity:0;left:10%;} to{opacity:1;left:5%;} }

/* 懒人图库 搜集整理 www.lanrentuku.com */





/*产品分类*/
#warp_6{width:100%; margin:0 auto;background:#fff ; height:760px;   }
#warp_6 h3 {
    padding: 34px 44px 0 20px;
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
}
 .index_markets{width: 100%; float: left; overflow: hidden;}
 .index_markets h1{
    font-size: 20px; font-weight: bold; color: #343434;
    height: 60px; line-height: 60px; float: left; width: 100%; background:url(../images/kuai.jpg) no-repeat left top }
 .index_markets .innermarkets{width: 100%; float: left; margin-top:20px; }
 .index_markets .innermarkets .item1{
    width: 49%; height: 200px; float: left; margin:0 0.5%; position: relative; overflow: hidden; margin-bottom:1%}
 .index_markets .innermarkets .item1 img{
    width: 100%;-webkit-transition:all 1s ease-in;
    -moz-transition:all 1s ease-in;
    -o-transition:all 1s ease-in;
    -ms-transition:all 1s ease-in;
    transition:all 1s ease-in; overflow:hidden}
 .index_markets .innermarkets .item1:hover img{
    -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);
} 
 .index_markets .innermarkets .item1 h2{
    position: absolute;
    bottom: 0px; left: 0px;  height:37px; line-height: 37px; width: 100%;
    background: url(../images/index_marketback.png) no-repeat left bottom;text-align: center;
    font-size: 18px;  color: #fff;}
 .index_markets .innermarkets .item1 h2.end{line-height: 24px;  padding-top: 15px;  height: 65px;text-align: center;}
 .index_markets .innermarkets .item1 h2 a{
    color: #fff;
}
 .index_markets .innermarkets .item1 h2 a:hover{
    color: #fff; text-decoration: underline;
}
#middle .index_capabilities{width: 100%; height: 396px; background: url(../images/index_back1.jpg) no-repeat center;
                            float: left; margin-top: 60px;
                            /*background-size: 100% 100%;*/
}
#middle .index_capabilities .innercapabilities{width: 1200px; margin: 0 auto;}
#middle .index_capabilities .innercapabilities h1{
    font-size: 20px; font-weight: bold; color: #fff;
    height: 70px; line-height: 70px; float: left; width: 100%; text-align: center;
    margin-top: 53px;
    margin-bottom: 53px;
}
#middle .index_capabilities .innercapabilities .solid{width: 100%; float: left; height: 150px; overflow: hidden;}
#middle .index_capabilities .innercapabilities .solid a.aite{ display: block; float: left;width: 20%; margin-top: 173px;}
#middle .index_capabilities .innercapabilities .solid .item1{
    width: 100%; float: left; text-align: center; color: #fff; display: block;
}


#middle .index_capabilities .innercapabilities .solid .item1 p{
    font-size: 16px;
    color: #fff; font-weight: bold; margin-top: 20px;}
/*#middle .index_capabilities .innercapabilities .solid a{display: block; float: left;}*/
#middle .index_capabilities .innercapabilities .solid .item1 .beijing1{
    width: 100%; height: 97px; background: url(../images/our_ico1.png) no-repeat center;
    webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#middle .index_capabilities .innercapabilities .solid .item1 .beijing2{
    width: 100%; height: 97px; background: url(../images/our_ico2.png) no-repeat center;
    webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#middle .index_capabilities .innercapabilities .solid .item1 .beijing3{
    width: 100%; height: 97px; background: url(../images/our_ico3.png) no-repeat center;
    webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#middle .index_capabilities .innercapabilities .solid .item1 .beijing4{
    width: 100%; height: 97px; background: url(../images/our_ico4.png) no-repeat center;
    webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#middle .index_capabilities .innercapabilities .solid .item1 .beijing5{
    width: 100%; height: 97px; background: url(../images/our_ico5.png) no-repeat center;
    webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#middle .index_capabilities .innercapabilities .solid a:hover .beijing1{
    background: url(../images/index_CAPABILITIES1.png) no-repeat center;transition:all 0.4s;
}
#middle .index_capabilities .innercapabilities .solid a:hover .beijing2{
    background: url(../images/index_CAPABILITIES2.png) no-repeat center;transition:all 0.4s;
}
#middle .index_capabilities .innercapabilities .solid a:hover .beijing3{
    background: url(../images/index_CAPABILITIES3.png) no-repeat center;transition:all 0.4s;
}
#middle .index_capabilities .innercapabilities .solid a:hover .beijing4{
    background: url(../images/index_CAPABILITIES4.png) no-repeat center;transition:all 0.4s;
}
#middle .index_capabilities .innercapabilities .solid a:hover .beijing5{
    background: url(../images/index_CAPABILITIES5.png) no-repeat center;transition:all 0.4s;
}




/*产品*/

#warp_1{width:100%; margin:0 auto;background:url(../images/search1.jpg) no-repeat center top; text-align:left; height:210px; background-size:110%; clear:both; }

#warp_1 h3{  padding: 44px 44px 0 30px;
   
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;  font-family:"微软雅黑"}
#warp_1 p{margin-left: 30px;
    color: #d0d2d9;
    line-height: 24px; font-size:0.83rem;  font-family:"微软雅黑"}
#warp_1  h3 b {
    width: 85px;
    height: 2px;
    position: relative;
    background: #fab30d;
    bottom: 0;
    display: block;
    margin-top: 10px;
}.search1 {
    float: left;
    height: 29px;
    width: 192px;
    background: url(../images/sea.jpg) no-repeat left top;
    border: 0px solid #FFFFFF;
    color: #000;
    display: inline;
    line-height: 29px;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    margin-top: 8px;
    margin-left: 30px;
}


.searchimg1 {
    float: left;
    display: inline;
    margin-top: 8px;
}
.fenlei{ width:90%; margin:0px auto; height:20px; text-align:center; text-align: center; margin-bottom:10px;}
.fenlei li{  float:left;list-style:none; height:20px; margin-bottom:0.4rem}
.fenlei li a{ padding:1px 8px; margin:0 5px; background:#999a9a; color:#fff; text-align:center; float:left;   height:20px; text-align:center; font-size:0.8rem; line-height:20px; letter-spacing:0px}
.fenlei li a:hover{ background:#fab30d}

.fenlei li:first-child a{ background:#fab30d} 



.shangnet_ab { width:90%; margin:0 auto;	
	overflow:hidden;
	position: relative; height:660px
	/*max-height:164px;*/
}


#warp_3{width:100%; margin:0 auto;background:url(../images/pri1.jpg) no-repeat center top; text-align:left; height:230px; background-size:110%; clear:both; }

#warp_3 h3{  padding: 44px 44px 0 30px;
   
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;  font-family:"微软雅黑"}
#warp_3 p{margin-left: 30px;
    color: #ced8e8;
  font-size:0.83rem;  font-family:"微软雅黑";background: url(../images/a.png) no-repeat left center; padding-left:10px}

#warp_3 p a{
    color: #ced8e8;
    line-height: 22px; font-size:0.83rem;  font-family:"微软雅黑"}




/*简介*/



#warp_2{width:100%; margin:0 auto; text-align:center; height:450px; clear:both;   }
#warp_2 h3 {padding: 34px 44px 0 20px;   
    font-size:24px;
    color: #000;
    margin-bottom: 10px;
    font-family:Verdana, Geneva, sans-serif; text-align:left
}

.about_neirong{ padding:10px 20px; margin:0px auto; text-align:left; font-size:0.81rem; line-height:24px; }
.about_neirong p{ text-align:left; line-height:24px; text-indent:0px; display:block; color:#cccccc; font-size:0.85rem; line-height:20px}
.about_neirong a{ color:#a0a0a0; text-align:center}


.about_neirong .li_er a{ width:100%; color:#a0a0a0; 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;}

.fless{ width:100%; display:flex; margin:0 auto}
.fless .fless_a{ width:80%; flex-direction: row; margin:1%;     background: url(../images/about1.jpg) no-repeat center top; height:105px; background-size:160%; text-align:center; overflow:hidden} 

.fless  .ying{ width:100%; height:30px; background: rgb(0,0,0,.8); color:#fff; display:block; z-index:9999; margin-top:75px; text-align:center ; }
.fless .ying a{ color:#fff; line-height:30px; text-align:center; margin-left:-1rem;}

.fless .fless_b{ width:80%; flex-direction: row; margin:1%; overflow:hidden;     background: url(../images/honor.jpg) no-repeat center top; height:105px;background-size:160%; text-align:center} 

.fless .fless_c{ width:80%; flex-direction: row; margin:1%; overflow:hidden;     background: url(../images/shebei.jpg) no-repeat center top; height:105px;background-size:160%; text-align:center} 

.fless  .fless_a .ying{ width:100%; height:30px; background: rgb(169,25,79,.8); color:#fff; display:block; z-index:9999; margin-top:75px; text-align:center ; }
.fless  .fless_a .ying a{ color:#fff; line-height:30px; text-align:center; margin-left:-1rem;}

.more_2 {
   
}.more_2 a {
    width: 153px;
    height: 36px;
    background: #0c793e;
    -webkit-box-shadow: 0 0 22px 0 rgba(40, 11, 45, 0);
    box-shadow: 0 0 22px 0 rgba(40, 11, 45, 0);
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
    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; display:block
}

.sz{ width:100%;  margin:0 auto; height:200px}
.sz .fl {
    width: 50%;
  
    height: 175px; float:left
}
 .sz dl {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    background: url(../images/ab_xx1.jpg) no-repeat right 45px;
    height: 70px;
}.sz .fl dl dt {
    color: #0c793e;
}.sz  dl dt span {
    font-family: DINEngschriftStd; font-weight:normal
   
}.sz dl dt em {
    font-size: 12px;
    color: #4b4b4b; font-style:normal
}.szdl dd {
    font-size: 0.8rem;
    color: #4b4b4b;
}.sz  .fr {
    width: 50%;
  
    height: 175px;
}.sz.fr dl:nth-child(1) {
    
}
.sz dl dt {
    font-size: 38px;
    font-family: DINEngschriftStd; color: #0c793e; font-weight:normal
}



/*选项卡*/

#warp_4{width:100%; margin:0 auto; text-align:center; height:330px; clear:both; background:#fff  }
#warp_4 h3 {padding: 34px 44px 0 20px;   
    font-size:24px;
    color: #000;
    margin-bottom: 10px;
    font-family:Verdana, Geneva, sans-serif; text-align:left
}
.ncon_item {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    margin:20px 20px 0px 20px; padding-bottom:20px;
  
    border-bottom: 1px dotted #cccccc;
}
.shl-ptit {
 font-size:0.83rem;
 overflow:hidden;
 width:100%;

 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; color:#223883; font-weight:bold; text-align:left
}
.jianjie { font-size:13px; text-align:left!important; color:#818085; -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; line-height:18px}
.shl-time {
 font-size:13px;
 background:url(../images/as.jpg) no-repeat left center;
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:18px; color:#fcae0e ; text-align:left
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
   width: 40%;
    height: 28px;
    background: #fab30d;
    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}




.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_5{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_5  h3{width:100%; font-size:1.3rem; font-weight:normal; height:120px; float:left; color:#181818; text-align:center;   padding-top:15px; letter-spacing:opx; background-size:80%; margin-top:2.4rem; margin:0 auto; background: url(../images/wap_line.png) center 5.6rem no-repeat;}
#warp_5 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:10px; }
.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:46px; margin:0 auto; z-index:8; padding:0px; overflow:hidden}
.middle_pic .bdlistImg {width:150px; height:46px; background-color:#EAEDEE; border: 1px solid #E1E1E1; text-align:center; overflow:hidden}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:46px; max-width:150px; _width:expression(this.width > 137 ? '137px' : true);  _height:expression(this.height > 46 ? '46px' : 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_5 span {
    width: 40%;
    height: 24px;
    background: #fab30d;
    text-align: center;
    line-height: 24px;
    margin: 20px auto;
    text-indent: 0px;
    display: block;
}#warp_5 span a{ color:#fff}