/*分页样式*/
.p_OccupyBox {margin:0;width:auto;height:auto;padding:0;border:none;overflow:hidden;text-align:center;}
.y_page {display:inline-block;padding:30px 0;}
.y_page:empty {display:none;}
.y_page a,.y_page span {position:relative;float:left;height:38px;min-width:38px;margin:0 5px 0 0;padding:0 5px;background-size:100% 100%;color:#333;border:1px solid #ededed;cursor:pointer;line-height:38px;display:inline-block;font-family:inherit;font-size:14px;font-weight:inherit;text-decoration:none;background-color:#ededed;text-align:center;border-radius:0px;}
.y_page a {color:#333;}
.y_page a:link,.y_page a:visited {text-decoration:none;}
.y_page a:hover {color:#fff;border-color:#003f97;cursor:pointer;text-decoration:none;background-color:#003f97;}
.y_page .current {text-decoration:none;background-color:#003f97;color:#fff;border-color:#003f97;}
.y_page #total {color:red}
.y_page .pageinfo,.y_page .pagefirst,.y_page .pageend {display:none;}
.y_page span.pageup,.y_page span.pagedown {color:rgba(255,255,255,1)!important;background-color:#c8c8c8!important;cursor:not-allowed!important;border:none!important;}

	
@media screen and (max-width: 768px){
.p_OccupyBox {
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    overflow: initial;
}
.y_page {
    width: 100%;
    text-align: center;
}
.y_page {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
    clear: both;
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.y_page .pageup {
    width: 48%;
    margin-right: 1%;
    background-color: #003f97;
    transform: scale(0.9);
	display: inline-table;
    height: 45px;
    color: rgba(255,255,255,1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255,255,255,0);
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.y_page .pagedown {
    transform: scale(0.9);
    width: 48%;
    margin-left: 1%;
    background-color: #003f97;
	display: inline-table;
    height: 45px;
    color: rgba(255,255,255,1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255,255,255,0);
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box;
}

.y_page a, .y_page span{ display: inline-table;
    height: 45px;

    color: rgba(255,255,255,1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255,255,255,0);
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box;}
.js_pageBtnDisable:active {
    background: #f5f5f5 !important;
    border-color: #d9d9d9 !important;
    color: #bfbfbf !important;
    cursor: default;
}
.y_page .pagenum,.y_page .current{display:none}
}


.i_homePage{ color:#fff}
.alink a{color: #B4C5E1;}

/*新增css不要删除*/

.pc-slide {float:none;width:auto}
.pc-slide {float:left;width:500px}
.pc-slide .view .swiper-slide .imgauto {width:100%;height:500px;}
.pc-slide .view .swiper-slide .imgauto img{width:100%;height:500px;}
.pc-slide .view .swiper-container {width:100%}
.pc-slide .preview {width:100%;margin-top:10px;position:relative}
.pc-slide .preview .swiper-container {margin:0 30px}
.pc-slide .preview .swiper-slide{width: 94px !important;}
.pc-slide .preview .swiper-slide .imgauto {width: 90px;height:90px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative}
.pc-slide .preview .swiper-slide .imgauto img {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.pc-slide .preview .arrow-left {background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.pc-slide .preview .arrow-right {background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.pc-slide .preview img {padding:1px}
/*.pc-slide .preview .active-nav .imgauto {border:1px solid #104492}*/
div.zoomDiv {z-index:999;position:absolute;top:0;left:0;background:#fff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask {position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}

.view{overflow:hidden;position:relative;border:1px solid #ddd;height:auto !important;}
.image-bigger {position:absolute;right:0;bottom:0;z-index:9;color:#fff;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;background-color:#ccc;}
.add-icon{position: absolute;right: 8px;bottom: 8px;z-index: 9;color: #fff;display: flex;;justify-content: center;align-items: center;width: 15px;height: 15px;border: 2px solid #fff;border-radius: 50%;}
.add-icon::before {content:"";position:absolute;right:-4px;bottom:-2px;display:block;width:5px;height:2px;transform:rotateZ(45deg);background-color:#fff;}

.img-center {text-align:center;font-size:0}
.img-center img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;-webkit-transition:all .5s;transition:all .5s}

@media screen and (max-width:768px) {
	.pc-slide{float:none;width:auto;margin-bottom: 20px;}
	.view {width: 100%;}
	.view .imgauto {width:100%;height:auto !important;}
	.pc-slide .preview .swiper-slide{width: 54px !important;}
	.pc-slide .preview .swiper-slide .imgauto {width: 50px;height: 50px;}
    .pc-slide .view .swiper-slide .imgauto img{width:100%;height:auto;}
}