@charset "utf-8";
/* CSS Document */
.pro_2{ width:100%; float:left; overflow:hidden}
.pro_2 dl{ width:440px; float:left; overflow:hidden; margin-right:40px; position:relative; margin-bottom:30px}

.dl_h3{ margin-right:0}
.dl05 img{ width:100%; display:block;  float:left; overflow:hidden}
.dl05 ul{ float:left; width:398px; border:1px solid #e5e5e5; overflow:hidden; padding:20px 20px; border-top:none; margin-bottom:20px; -webkit-box-shadow: 0 0 15px #c5c5c5;
            -moz-box-shadow: 0 0 15px #c5c5c5;
            box-shadow:0 0 15px #c5c5c5;transition: all 0.5s;}
.dl05:hover ul{-webkit-box-shadow: 0 0 15px #777
            -moz-box-shadow: 0 0 15px #777;
            box-shadow:0 0 15px #777;}
.dl05 dt{ width:100%; height:40px; line-height:40px; overflow:hidden}
.dl05 dt a{ font-size:21px; color:#292929; font-family:"Microsoft Yahei";}
.dl05:hover dt a{ color:#005fc3}
.dl05 dt span{ float:right; line-height:20px; height:22px; margin-top:9px; padding:0 8px; background:#005fc3; font-size:12px; color:#fff; letter-spacing:1px}
.dl05 dd{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-size:14px; color:#888; margin-bottom:10px}
.dl05 dd b{ padding:0 9px; font-size:12px; font-weight:normal}
.dl05 h4{ height:30px; line-height:30px; width:100%; float:left; overflow:hidden; font-size:14px;  color:#888;font-weight:normal; }
.dl05 h4 span{ font-size:23px; color:#df2222;}

.hd01{ width:850px; float:left; overflow:hidden; height:350px;margin-right:30px }
.mF_expo2010{position:relative; width:100%; height:350px;overflow:hidden;  float:left; background:#fff;}
.mF_expo2010 .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;background:#fff url(loading.gif) center -40px no-repeat;}
.mF_expo2010 .pic li{position:absolute;}
.mF_expo2010 .pic li img{width:100%; height:100%; display:block;}/*图片和焦点图框架一样大小*/
.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;width:100%;height:33px;line-height:33px;overflow:hidden;}
.mF_expo2010 .txt li a{display:block;color:#fff; text-indent:15px;font-size:12px;text-decoration:none; line-height:33px}/*标题样式*/
.mF_expo2010 .txt-bg{position:absolute;bottom:0px;z-index:1;width:100%;height:33px; overflow:hidden;} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{position:absolute;z-index:3;bottom:7px;right:5px;color:#fff;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{float:left;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;margin-right:5px;cursor:pointer; border-radius:50%; }
.mF_expo2010 .num-bg li{background:#000;filter:alpha(opacity=50);opacity:0.5;}/*按钮背景*/
.mF_expo2010 .num li.current,.mF_expo2010 .num li.hover{background:#F60;}/*当前/悬停按钮背景*/
.mF_expo2010 .txt li a:hover{ color:#ff0; text-decoration:underline}

.pro_left{ width:480px; float:left; overflow:hidden; border:1px solid #ddd; padding:20px 19px 20px;}
.h1_01{ width:100%; float:left; overflow:hidden; font-size:36px; font-weight:normal; color:#111; line-height:40px; margin-bottom:30px; }

.ul_01{ width:100%; float:left; overflow:hidden;}
.ul_01 li{ width:100%; float:left; overflow:hidden; line-height:26px; height:26px; font-size:15px; color:#333; margin-bottom:15px}
.ul_01 li.li_50{ width:50%}
.ul_01 li span{ width:100px; float:left; overflow:hidden; text-align:right; height:26px; background:#f5f5f5; margin-right:10px; padding-right:10px}


.bz01{ width:100%; float:left; overflow:hidden;  margin-top:15px; border-top:1px dashed #ddd; padding-top:20px}
.bz01 dt{ float:left; overflow:hidden; width:100%; line-height:30px;color:#333;  font-size:18px; margin-bottom:10px}

.bz01 ul{ width:100%; float:left; overflow:hidden; border:2px solid #005fc3; -moz-box-sizing: border-box; box-sizing: border-box; display:flex;}
.bz01 ul h4{ width:86px; height:86px; padding:7px; float:left; overflow:hidden; background:#005fc3; margin-right:20px}
.bz01 ul h4 img{ width:72px; height:72px; border:7px solid #fff;}
.bz01 h6{ flex:1; font-weight:normal}
.bz01 dd{ width:100%; float:left; overflow:hidden; height:26px; line-height:26px;font-size:14px; color:#666 }
.bz01 dd span{  font-size:16px; color:#005fc3}
.bz01 ul dd.dd_001{ margin-top:8px; font-size:16px; margin-bottom:3px}

/*  相关产品 */
.xg_02{ width:100%; float:left; overflow:hidden}
.xg_02 dl{ width:31.6%; float:left; overflow:hidden; margin-right:2.6%;background:#fff; box-shadow:0px 10px 10px -7px #e2e2e2; margin-bottom:15px;ransition: all 0.5s; }
.xg_02 dl:nth-child(3n){ margin-right:0}
.xg_02 dl:hover{box-shadow:0px 10px 10px -7px #bbb; }
.xg_02 dl:hover dt a{color:#005fc3;}
.xg_02 dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px;  position:relative;padding:20px 20px 0px 20px; background:#fff;-moz-box-sizing: border-box; box-sizing: border-box; }
.xg_02 dl dd img{ width:100%; float:left; overflow:hidden;  }

.xg_02 dl dt{ width:100%; float:left; overflow:hidden; line-height:40px; text-align:center; padding-bottom:10px; height:40px}
.xg_02 dl dt a{ font-size:16px; color:#4d4d4d;}
.xg_02 dl dt a:hover{ text-decoration:underline; color:#005fc3;}



.show01{ width:100%; float:left; overflow:hidden; line-height:32px; color:#333; font-size:16px}
.show01 div, .show01 p{ margin-bottom:10px}
.show01 img{ max-width:100%}

.product02{ background:#f6f6f6; padding:35px 0 60px;}
.product02 .h4_02{ width:100%;  color:#333; font-weight:normal; font-size:21px; margin-bottom:10px; background:url(line-xg.gif) no-repeat 0 bottom; padding-bottom:10px }

.h4_01{ width:100%; float:left; overflow:hidden; font-size:21px; color:#3d3d3d; margin-bottom:20px; font-weight:normal; border-bottom:1px solid #ddd}
.h4_01 span{ float:left; line-height:40px; width:auto; padding:0 20px; background:#005fc3; color:#fff}

.h1_01a{ text-align:left}

.m_r20{ margin-right:20px}
.m_r0{ margin-right:0}
.ty30{ padding:0 0 30px}

.ul_21{ width:100%; float:left; overflow:hidden; margin-bottom:20px; margin-top:25px}
.ul_21 h3{ width:100%; float:left; overflow:hidden; font-size:23px; color:#333; font-weight:normal; text-align:center; font-weight:bold; line-height:30px}
.ul_21 h4{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:14px; color:#333; font-weight:normal; text-transform:uppercase; text-align:center; background:url(lx_line01.gif) no-repeat center;}
.ul_21 h4 span{ background:#fff; padding:0 8px}

.sb_01{ width:100%; float:left; overflow:hidden}
.sb_01 dl{ width:23.5%; float:left; overflow:hidden; margin-bottom:20px; margin-right:2%}
.sb_01 dl:nth-child(4n+1){ margin-right:0}
.sb_01 dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:8px}
.sb_01 dl dd img{ width:100%; float:left; display:block}
.sb_01 dl dt { width:100%; float:left; overflow:hidden; line-height:30px; height:30px;text-align:center; }
.sb_01 dl dt a{ font-size:17px;color:#333; }
.sb_01 dl:hover dt a{ color:#005fc3}



@media (max-width:767px){
.product02{ background:#f6f6f6; padding:10px 0;}

.pro_2 dl{ width:100%; margin-right:0; margin-bottom:10px}

.dl05 ul{width:100%; border:1px solid #e5e5e5; padding:10px;margin-bottom:10px;-moz-box-sizing: border-box; box-sizing: border-box; }

.dl05 dt{  height:30px; line-height:30px;}
.dl05 dt a{ font-size:16px;}
.dl05 dt span{ margin-top:4px;}
.dl05 dd{  line-height:22px; height:22px; font-size:12px; margin-bottom:5px}
.dl05 dd b{ padding:0 3px; font-size:12px; font-weight:normal}
.dl05 h4{ height:20px; line-height:20px;font-size:12px;   }

.h1_01{ line-height:26px; font-size:21px; margin-bottom:10px; }		

.hd01{ width:100%;  height:150px;margin-right:0px }
.mF_expo2010{height:150px}
.mF_expo2010 .loading{ display:none}
.mF_expo2010 .pic li img{height:150px;}/*图片和焦点图框架一样大小*/

.pro_left{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box; border-top:none;}
.ul_01{ border-right:0; padding-right:0; margin-right:0}
.ul_01 li.li_50{ width:100%}
.ul_01 li{ font-size:12px; margin-bottom:10px}
.ul_01 li span{ width:70px; }
.bz01{ width:100%;border-top:0; padding-top:0px; margin-top:0}


.h4_01{ margin-bottom:10px;}
.h4_01 span{  line-height:32px;padding:0 8px; font-size:16px;}

.product02 .h4_02{  font-size:16px; font-weight:bold; margin-bottom:0px; }

.xg_02 dl{ width:48%;margin-bottom:15px; margin-right:0 }

.xg_02 dl dd{ padding:10px 10px 0px 10px; margin-bottom:5px;}
.xg_02 dl:nth-child(1){  margin-right:4%;}
.xg_02 dl:nth-child(3){ display:none}
.xg_02 dl dt{ line-height:30px; padding-bottom:5px; height:30px}
.xg_02 dl dt a{ font-size:14px}


.sb_01 dl{ width:49%;  margin-right:2%; margin-bottom:10px}
.sb_01 dl:nth-child(2n+1){ margin-right:0}
.sb_01 dl dd{margin-bottom:8px}
.sb_01 dl dt {line-height:20px; height:20px }
.sb_01 dl dt  a{ font-size:12px}

.ty30{ padding:0 0 10px}
.show01{line-height:26px; font-size:14px}
}

/*  max-width:750px  */
@media screen and (min-width:768px) and (max-width:991px){
	
.pro_2 dl{ width:360px; margin-right:30px}
.pro_2 dl:nth-child(2n){ margin-right:0}
.dl05 ul{ float:left; width:328px; padding:15px;}
.dl05 .span003{ display:none}

.hd01{ width:100%; height:309px; }
.mF_expo2010{ height:309px;}


.pro_left{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box; border-top:none;}
.ul_01{ width:45%; float:left; overflow:hidden; border-right:1px dashed #ddd; padding-right:4%; margin-right:4%}
.ul_01 li.li_50{ width:100%}
.ul_01 li{ font-size:14px}
.bz01{ width:46%;border-top:0; padding-top:0px; margin-top:0}

.xg_02 dl dd{ padding:10px 10px 0px 10px; }

.sb_01 dl{ width:49%;  margin-right:2%; margin-bottom:10px}
.sb_01 dl:nth-child(2n+1){ margin-right:0}
.sb_01 dl dd{margin-bottom:8px}
.sb_01 dl dt {line-height:30px; height:30px }
.sb_01 dl dt  a{ font-size:14px}
.ty30{ padding:0 0 10px}
}

/*  max-width:960px  */
@media screen and (min-width:992px) and (max-width:1199px){

.pro_2 dl{ width:460px;}
.pro_2 dl:nth-child(2n){ margin-right:0}
.dl05 ul{ float:left; width:418px;}

.hd01{ width:850px; padding:10px 55px; margin-right:0px; background:#e8e9ee }
.pro_left{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box; border-top:none;}
.ul_01{ width:45%; float:left; overflow:hidden; border-right:1px dashed #ddd; padding-right:4%; margin-right:4%}

.ul_01 li.li_50{ width:100%}
.bz01{ width:46%;border-top:0; padding-top:0px; margin-top:0}

}


/*  max-width:1140px  */
@media screen and (min-width:1200px) and (max-width:1439px){
.pro_2 dl{ width:360px; margin-right:30px}
.pro_2 dl:nth-child(3n){ margin-right:0}
.dl05 ul{ float:left; width:328px; padding:15px;}
.dl05 .span003{ display:none}


.hd01{ width:700px; height:288px; }
.mF_expo2010{ height:288px;}


.pro_left{ width:378px; padding:15px; height:256px}
.ul_01 li.li_50{ width:100%}
.li_x1{ display:none}
.bz01{ margin-top:10px; border-top:1px dashed #ddd; padding-top:15px}
.bz01 dt{ display:none}

}

@media (min-width:1440px){
.pro_2 dl:nth-child(3n){ margin-right:0}
.pro_left{ height:310px}

}