/*自定义栏目排版*/
.pro_one_box > .pro_pic > a,.dgweb_list_item > .dgweb_list_item_pic > a{ display:block; overflow:hidden; margin: 3px; }
.pro_one_box > .pro_pic > a > img,.dgweb_list_item > .dgweb_list_item_pic > a > img{ width: 100%; transition: ease-in-out 0.25s all; height:auto; border:0 none !important; }
.pro_one_box,.dgweb_list_item{ float: left; width:23% !important; margin: 1% 1% 2%; background:#fcfcfc; transition: ease-in-out 0.15s all; box-shadow:0 0 0px 1px #ddd; position:relative; }
.pro_one_box:hover,.dgweb_list_item:hover{ box-shadow:0 0 0px 1px #6d6d6d; }
.pro_pic,.dgweb_list_item > .dgweb_list_item_pic { height: auto !important; }
.pro_name::after, .dgweb_list_item .dgweb_list_item_a::after,.pro_name:after, .dgweb_list_item .dgweb_list_item_a:after{ content: ''; transition: ease-in-out 0.15s all; background: #aaa; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.pro_name::before, .dgweb_list_item .dgweb_list_item_a::before,.pro_name:before, .dgweb_list_item .dgweb_list_item_a:before { content: ''; transition: ease-in-out 0.4s all; background: #6d6d6d; position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 2; top: -200%; border-radius: 50%; opacity: 0; }
.pro_one_box:hover .pro_name::after,.dgweb_list_item:hover .dgweb_list_item_a::after{ }
.pro_one_box:hover .pro_name::before, .dgweb_list_item:hover .dgweb_list_item_a::before,.pro_one_box:hover .pro_name:before, .dgweb_list_item:hover .dgweb_list_item_a:before { left: -50%; top: -50%; opacity: 1; }
.pro_name,.dgweb_list_item .dgweb_list_item_a{ bottom:-15px; width:90%; position:absolute; padding:2px 0 !important; margin:0 5%; overflow:hidden; }
.pro_name a,.dgweb_list_item .dgweb_list_item_a a{ display: block; font-size: 14px; line-height: 30px; transition: ease-in-out 0.15s all; color:#fff; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; position:relative; z-index:3; }
.pro_one_box:hover > .pro_pic > a > img,.dgweb_list_item:hover > .dgweb_list_item_pic > a > img{ transform:scale(1.1); }
.pro_one_box:hover,.dgweb_list_item:hover{ }
.pro_one_box:hover .pro_name,.dgweb_list_item:hover .dgweb_list_item_a{ }
.pro_one_box:hover .pro_name a,.dgweb_list_item:hover .dgweb_list_item_a a{ color:#000;}
/*自定义栏目排版结束*/