@charset "utf-8";
/* CSS Document */
.sb_01{ width:100%; float:left; overflow:hidden}
.sb_01 dl{ width:48.2%; float:left; overflow:hidden; margin-bottom:35px; position:relative; margin-right:3.6%}
.sb_01 dl:nth-child(2n){ margin-right:0}
.sb_01 dl h4{ width:100%; float:left; overflow:hidden;}
.sb_01 dl h4 img{ width:100%; float:left; overflow:hidden; }
.sb_01 dl ul{ position:absolute; width:100%; background:rgba(0,0,0,.5); z-index:2; padding:20px 30px; left:0; bottom:0;transition: all 0.35s; -moz-box-sizing: border-box; box-sizing: border-box; }
.sb_01 dl dt { width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:5px}
.sb_01 dl dt a{ font-size:21px; font-weight:bold; color:#fff; }
.sb_01 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#fff;  height:26px;transition: all 0.35s;}

.sb_01 dl:hover ul{ padding-bottom:44px; background:rgba(0,95,195,.85)}
.sb_01 dl:hover dd{ height:52px}

.gongyi{ display:flex; padding:50px 0;}
.shebei_01{ width:360px; background:rgba(0,0,0,.1); float:left; overflow:hidden; padding:15px 15px 0; margin-right:40px}
.shebei_01 h3{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; padding-bottom:5px; background:url(line11.png) no-repeat 0 bottom; margin-bottom:15px }
.shebei_01 h3 a{ font-size:21px; color:#333; font-weight:normal}

.shebei_01 dl{ width:100%; float:left; overflow:hidden; margin-bottom:20px; padding-bottom:5px; border-bottom:1px dashed #bbb}
.shebei_01 dd{ width:100%; float:left; overflow:hidden; margin-bottom:5px}
.shebei_01 dd img{ width:100%}
.shebei_01 dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px;}
.shebei_01 dt a{ color:#333; font-size:14px; font-weight:bold}


.shebei_02{ flex:1;overflow:hidden; line-height:30px; font-size:14px; color:#333}
.shebei_02 div,.shebei_02 p{ margin-bottom:15px}
.shebei_02 img{ max-width:100%; display:block}

.bot_20{ padding-bottom:20px}

@media (max-width:767px){
.shebei_01{ display:none}
.top_20{ padding-top:20px}
.bot_20{ padding-bottom:20px}

.sb_01 dl{ width:100%; margin-bottom:15px; margin-right:0%}

.sb_01 dl dt a{ font-size:12px;}
.sb_01 dl dd{ font-size:14px;}
.gongyi{padding:20px 0;}

}

/*  max-width:750px  */
@media screen and (min-width:768px) and (max-width:991px){
.sb_01 dl dt a{ font-size:16px;}
.sb_01 dl dd{ font-size:14px;}
.shebei_01{ display:none}

}

/*  max-width:960px  */
@media screen and (min-width:992px) and (max-width:1199px){

.shebei_01{ display:none}

}


/*  max-width:1140px  */
@media screen and (min-width:1200px) and (max-width:1439px){


}

@media (min-width:1440px){


}