@charset "utf-8";
/* CSS Document */
#DP_box{ width:100%; height:auto; overflow:hidden; background:#f9f9f9;}
.dp{ width:86%; margin:0 auto;}
#dpbanner{ overflow-x:hidden;width:100%; height:260px; background:url(../img/DP_bg.png) no-repeat 0px 0px; float:left;}
#dp{ overflow-x:hidden;width:19%; height:auto;float:left; margin:20px 1% 20px 0;}
.dp_tx{ margin:0 auto; margin-top:230px; width:100%; text-align:center;}
.dp_xx{ width:100%; margin:0 auto;background:#fff;}
.dp_xx h3{ width:100%; padding:10px; border:1px solid #ececec; background:#f3f3f3; text-align:center;color:rgba(51,51,51,1); font-size:16px; max-height:58px; line-height:20px}
.dp_xx h4{ width:100%; padding:10px 10px 0 20px; background:#fff; text-align:left;color:rgba(51,51,51,1); font-size:16px;line-height:30px; overflow:hidden; height:auto;}
.dp_xx h5{ width:100%; padding:10px 0 10px 20px; overflow:hidden; background:#fff;float:left;font-size:14px; color:rgba(252,134,47,1);line-height:2rem;height:auto;}
.dp_xx h5 img{ margin:0 12px 0 0; top:2px; position:relative;}
.dp_p{ width:100%;}
.dp_xx p{ width:100%; color:#666; font-size:14px; text-align:left;line-height:2.6rem; padding:0 20px;}
.dp_xx span{ color:#999; margin-left:12px;}
/*导航*/
.dp_box { width:79%; float:left; background:#fff; z-index:99999999; margin-top:20px; border:1px #ececec solid;box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;}
.dpnav { width:86%; margin:0 auto; background-image:none; height:42px;}
.dpnav-box { width:100%; float:left; position:relative;z-index:1000; text-align:center; }
.dpnav-box ul { margin:0 auto;}
.dpnav-box ul li {list-style:none; float:left; font:14px/42px 微软雅黑;height:42px; width:11%;}
.dpnav-box ul li a { margin:0 4px;color:#333;}
.dpnav-box ul li a:hover { text-decoration:none;color:#FF7300;}
.dpnav-box ul li.last { font-family:\5b8b\4f53; font-size:12px; padding-top:1px;}
.dpnav-box ul li.last a { color:#a2a2a1;}
.dpnav-box ul li.cur{ border-bottom:2px #FF7300 solid;}
.dp_lb{ width:80%; float:left;}
.dplb-box{ width:100%; margin:0 auto;}
.product-list2{ width:24%; margin:15px 1% 0 0; background:#fff;}
.product-list2-img{ text-align:center; width:100%;}
.product-list2-txt{ width:92%; margin:0 auto; text-align:center;}
.product-list2-txt h3{color:rgba(49,49,49,1);font-size:16px; line-height:2.6rem;min-height: 48px;}
.product-list2-txt p{font-size:14px; line-height:3rem;}
.product-list2-txt b{font-size:16px; line-height:3rem;}
#product-list2-btn{ width:60%; text-align:center; margin:20px auto;  border:1px solid #fc7918; background:#fff;color:#fc7918; line-height:3rem; height:3rem;font-size:16px;}
.product-list2 a{ width:100%;color:#fc7918;    display: inline-block; }
.product-list2 a:hover{	background-color:#ffffff;box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;}

.product-list1{ width:19%; margin:0 1% 0 0;}

#shop_box{ width:100%;}
.shop_page_box { width:auto;height:60px;text-align:center; margin:3rem auto; }
a.shop_page_num {display:inline-block;height:40px;line-height:40px;font-size:14px;background-color:#fff;padding:0 15px;margin:0 2px;border-radius:2px;color:#666666;transition:all 0.5s ease; font-family:Tahoma;}
a.shop_page_num:hover {color:#ffffff;background-color:#ff7300;box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.04);transition:all 0.5s ease;}
a.shop_page_num_active {display:inline-block;height:40px;line-height:40px;font-size:14px;background-color:#ff7300;padding:0 15px;margin:0 2px;border-radius:2px;color:#ffffff;}

.jpbg{ background:#f6f6f6; padding-bottom:30px;}

.content_left{width:100%; margin:20px auto; float:left;}
.content_left .title{height:45px; background:#FF7300; color:#fff; padding:0 20px; line-height:45px; font-size:16px}
.content_left .title span{background:url(../img/ioc.png) no-repeat 0 center; padding-left:22px;}
.left_nav{border:1px solid #e6e6e6; border-top:0; overflow:hidden;}
.left_nav ul{margin-top:-1px; background:#fff;}
.left_nav li{padding:0 20px; border-top:1px dashed #ececec;}
.left_nav li .t{height:50px; line-height:50px; padding:0 0 0 18px; position:relative;}
.left_nav li .t a,.left_nav li .t.hover:hover a{color:#333;}
.left_nav li .t:hover a{color:#FF7300;}
.left_nav .cur{ color:#fff; border-left:2px solid #ff7300; background:#f9f9f9;}
.dp_jj{ width:99%; float:left; background:#fff; margin:20px 0 ;}
.dp_jj p{ width:94%; margin:20px 3%; font-size:14px; color:#333; line-height:2.6rem; font-family:"微软雅黑"；}
.dp_jj img{  width:94%; margin:20px 3%; max-width:800px;}

@media screen and (max-width: 1920px) {
#dp{background-image:#fff;float:left;}
#dpbanner{ background:url(../img/DP_bg.png) no-repeat top right;
}
@media screen and (max-width: 1440px) {
.dpnav-box ul li { width:20%;}
.left_nav li .t{padding:0;}
}
@media screen and (max-width: 1080px) {
.product-list2{ width:32.3%;}
}
@media screen and (max-width: 1024px) {
.content_left,.dp_xx h3,.dp_xx p{ display:none;}
#dp{ width:100%;}
.dp_xx h4{ width:76%; float:left; padding:0 0 0 20px; line-height:38px; background:none;}
.dp_xx h5{ width:24%; line-height:38px; padding:0; background:none;}
.dp_box{ margin-top:0; width:100%; height:68px; line-height:68px;}
.dpnav-box ul li{    font: 18px/66px 微软雅黑;height: 66px;}
.dp_lb{ width:100%;}
.dp_jj p{ width:94%; margin:20px 3%; font-size:16px; color:#333; line-height:2.6rem;}
}
@media screen and (max-width: 978px) {
.dpnav-box ul li.li3{ width:32%;}
}

@media screen and (max-width: 750px) {
#dpbanner{ height:150px; background:url(../img/DP_bg1.png) center no-repeat;background-image:#fff;float:left;}
.dp_tx{margin-top:110px;}
.dp_tx img{ width:80px;}
.product-list1{ width:49%; margin:0 1% 20px 0;}
.plno{ display:none;}
}
@media screen and (max-width: 650px) {
.product-list2{ width:100%;}
.dpnav{ width:100%; }
.dp_xx h4{ width:100%;padding:0 0 0 20px; line-height:30px;}
.dp_xx h5{ width:100%; line-height:30px; padding:0 0 0 20px;}

}