/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-position:left top; }


 #image_style_28_1750382917558{width:100%;position:absolute;top:0px;left:0%;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_28_1750382917558{}}   @media screen and (max-width:640px) {#image_style_28_1750382917558{width:96%;top:0px;left:2%;}} #image_style_28_1750382917558 > .view_contents{overflow:visible;}  #comm_layout_footer{height:1918px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{}}   @media screen and (max-width:640px) {#comm_layout_footer{height:283px;}} #comm_layout_footer > .view_contents{max-width:1200px;} 

            body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{ font-family: Arial; }
    	body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
.imgStyle_28{ width:100%; }
.imgStyle_28 *{ font-size:'微软雅黑'; }
.imgStyle_28 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.imgStyle_28 .imgItems{margin-bottom:2%;box-sizing: border-box;}
.imgStyle_28 .mia_li_item{box-sizing:border-box;overflow: hidden;height: 100%;}
.imgStyle_28 li{ width: 24%;}
.imgStyle_28 .imgItems .left{width: 100%;}
.imgStyle_28 .imgTBox{ text-align: center; float:left; display:inline-block;height: 100%;width: 100%;}
.imgStyle_28 .imgTBox>img{display: inline-block;box-sizing: border-box;height: 100%;transition: all ease .3s;}
.imgStyle_28 .imgTBox>.bbx-new-font{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.imgStyle_28 .cont{ float:right; display:inline-block;width: 100%;}
.imgStyle_28 .title .name{width: 50%;float: left;font-size: 16px;font-weight: bold;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;}
.imgStyle_28 .title .subName{width: 50%;float: right;font-size: 12px;text-align: right;line-height: 24px;color: #f00;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;}
.imgStyle_28 .title{overflow: hidden;}
.imgStyle_28 .imgDetail{color: #666;font-size: 14px;white-space: pre-wrap;word-wrap: break-word;text-align: center;padding: 5px 0;}
.imgStyle_28 .left{position: relative;float: left;width: 100%;height: auto;background: #f6f6f6;overflow: hidden;box-sizing: border-box;}
.imgStyle_28 .imgCont{position: absolute;left: 50%;top: 0;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.imgStyle_28 .btn a {display: block;background: rgb(255,115,4);color: #fff;text-align: center;line-height: 2;}

@media screen and (max-width: 768px){
	.imgStyle_28 .title .name{width: 100%;}
	.imgStyle_28 .title .subName{width: 100%;float: left;text-align: left;}
}


        /*pc*/
                #image_style_28_1750382917558 ul li .ratio{margin-top: 75%; float: left;}
        #image_style_28_1750382917558  ul li{width: 100%;}
        #image_style_28_1750382917558  ul li.imgItems{margin-bottom:2%;}
        .imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
        .imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
        .imgShowBox .bbx-new-font{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;padding: 0 20px;}
        .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;}
        .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
        .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
        .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
        .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
        .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}
        
        .imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
        .pos_fixed{position: fixed; width: 100%;}
        .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%;
        	-webkit-transform: translateX(-50%);
        	-moz-transform: translateX(-50%);
        	-ms-transform: translateX(-50%);
        	-o-transform: translateX(-50%);
        	transform: translateX(-50%);
        	display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
        .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
        	-webkit-transition: all ease .3s;
        	-moz-transition: all ease .3s;
        	-ms-transition: all ease .3s;
        	-o-transition: all ease .3s;
        	transition: all ease .3s;
        }
        .imgButton span:hover{opacity: .8;}
        .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;}
        .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px;  border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;}
        .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
        @media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}}
        @media screen and (max-width: 1024px){/*ipad*/
                #image_style_28_1750382917558 ul li .ratio{margin-top: 75%; float: left;}
        #image_style_28_1750382917558  ul li{width: 23.5%;}
        #image_style_28_1750382917558  ul li.imgItems{margin-bottom:2%;}
        }
        @media screen and (max-width: 768px){/*mobi*/
                #image_style_28_1750382917558 ul li .ratio{margin-top: 75%; float: left;}
        #image_style_28_1750382917558  ul li{width: 100%;}
        #image_style_28_1750382917558  ul li.imgItems{margin-bottom:2%;}
        .imgShowBox img{border-width: 10px;}
        .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;}
        }