.common{margin:0 auto; width:100%; position:relative;}

.common ul li{margin-left:10px; margin-right:10px;}

.clear{clear:both;}

.summary{background:#274794;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity: 0.65;}

.listbox{float:left; margin-bottom:20px;width:23%; height:190px; position:relative;}

.listimg{float:left; width:100%; height:190px; position:relative; overflow:hidden;}

.listimg img{background:#274794; width:100%; height:190px; top:0; left:0; position:absolute;}

.summary{width:100%;height:30px;top:190px;left:0;position:absolute;}

.summarytxt{width:100%;height:auto; text-align:center;line-height:30px;font-size:14px;color:#fff;}
.summarytxt p{ color:#fff;}

.infopic{ width:100%;min-height: 800px;}
.piclist{ height:800px; position: !important; }
.piclist li{ width:25%; border:1px solid #ddd; float:left; overflow:hidden;}
.piclist li img{ max-width:100%;margin:0px auto;display:table-cell;vertical-align:middle;text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}

.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}

.weixin{position:fixed;right:0;bottom:0}
.weixin .xixi{display:none}
.weixin:hover .xixi{position:absolute;display:block;right:50px;bottom:0;z-index:9}

/*------------------------------------------------------------begin  @media (min-width:768px) and (max-width:1023px) ------------------------------------------*/
@media(min-width:768px) and (max-width:1024px) 
{
.common{margin:0 auto; width:100%; position:relative;}

.common ul li{margin-left:5px; margin-right:5px;}

.clear{clear:both;}

.summary{background:#274794;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity: 0.65;}

.listbox{float:left; margin-bottom:20px;width:23%; height:190px; position:relative;}

.listimg{float:left; width:100%; height:190px; position:relative; overflow:hidden;}

.listimg img{background:#274794; width:100%; height:190px; top:0; left:0; position:absolute;}

.summary{width:100%;height:30px;top:190px;left:0;position:absolute;}

.summarytxt{width:100%;height:auto; text-align:center;line-height:30px;font-size:14px;color:#fff;}
.summarytxt p{ color:#fff;}

.infopic{ width:100%;min-height: 800px;}
.piclist{ height:800px; position: !important; }
.piclist li{ width:25%; border:1px solid #ddd; float:left; overflow:hidden;}
.piclist li img{ max-width:100%;margin:0px auto;display:table-cell;vertical-align:middle;text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}
}
/*------------------------------------------------------------end  @media (min-width:768px) and (max-width:1023px) ------------------------------------------*/


/*------------------------------------------------------------begin  @media (min-width:481px) and (max-width:767px)  ------------------------------------------*/
@media(min-width:481px) and (max-width:767px) 
{
.common{margin:0 auto; width:100%; position:relative;}

.common ul li{margin-left:5px; margin-right:5px;}

.clear{clear:both;}

.summary{background:#274794;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity: 0.65;}

.listbox{float:left; margin-bottom:20px;width:45%; height:190px; position:relative;}

.listimg{float:left; width:100%; height:190px; position:relative; overflow:hidden;}

.listimg img{background:#274794; width:100%; height:190px; top:0; left:0; position:absolute;}

.summary{width:100%;height:30px;top:190px;left:0;position:absolute;}

.summarytxt{width:100%;height:auto; text-align:center;line-height:30px;font-size:14px;color:#fff;}
.summarytxt p{ color:#fff;}

.infopic{ width:100%;min-height: 800px;}
.piclist{ height:800px; position: !important; }
.piclist li{ width:25%; border:1px solid #ddd; float:left; overflow:hidden;}
.piclist li img{ max-width:100%;margin:0px auto;display:table-cell;vertical-align:middle;text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}
}
/*------------------------------------------------------------end  @media (min-width:481px) and (max-width:767px)  ------------------------------------------*/


/*------------------------------------------------------------begin  @media (min-width:376px) and (max-width:480px)  ------------------------------------------*/
@media (min-width:376px) and (max-width:480px)
{
.common{margin:0 auto; width:100%; position:relative;}

.common ul li{margin-left:5px; margin-right:5px;}

.clear{clear:both;}

.summary{background:#274794;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity: 0.65;}

.listbox{float:left; margin-bottom:20px;width:45%; height:160px; position:relative;}

.listimg{float:left; width:100%; height:160px; position:relative; overflow:hidden;}

.listimg img{background:#274794; width:100%; height:160px; top:0; left:0; position:absolute;}

.summary{width:100%;height:30px;top:160px;left:0;position:absolute;}

.summarytxt{width:100%;height:auto; text-align:center;line-height:30px;font-size:14px;color:#fff;}
.summarytxt p{ color:#fff;}
.infopic{ width:100%; height:800px;}
.piclist{ height:800px; position: !important; }
.piclist li{ width:50%; border:1px solid #ddd; float:left; overflow:hidden;}
.piclist li img{ max-width:100%;max-height:100%;margin:0px auto;display:table-cell;vertical-align:middle;text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}

.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}


}
/*------------------------------------------------------------end  @media (min-width:376px) and (max-width:480px)  ------------------------------------------*/


/*------------------------------------------------------------begin  @media (max-width:375px)  ------------------------------------------*/
@media (max-width:375px)
{
.common{margin:0 auto; width:100%; position:relative;}

.common ul li{margin-left:5px; margin-right:5px;}

.clear{clear:both;}

.summary{background:#274794;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity: 0.65;}

.listbox{float:left; margin-bottom:20px;width:45%; height:140px; position:relative;}

.listimg{float:left; width:100%; height:140px; position:relative; overflow:hidden;}

.listimg img{background:#274794; width:100%; height:140px; top:0; left:0; position:absolute;}

.summary{width:100%;height:30px;top:140px;left:0;position:absolute;}

.summarytxt{width:100%;height:auto; text-align:center;line-height:30px;font-size:14px;color:#fff;}
.summarytxt p{ color:#fff;}
.infopic{ width:100%; height:800px;}
.piclist{ height:800px; position: !important; }
.piclist li{ width:50%; border:1px solid #ddd; float:left; overflow:hidden;}
.piclist li img{ max-width:100%;max-height:100%;margin:0px auto;display:table-cell;vertical-align:middle;text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}

.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}
}
/*------------------------------------------------------------end  @media (max-width:375px)------------------------------------------*/