﻿@charset "utf-8";

/*栏目页公用样式 s*/
.bodybg{ background:#fff;}
.Contain{ position:relative; clear:both; max-width:1408px; margin:0px auto;}
.Contain1{ position:relative; clear:both; max-width:1408px; margin:0px auto;}
.Zlbox{}
.Zlbox .flipster{}
.Zlbox .flipster ul{height:514px !important;}
.Zlbox .flipster li{ width:322px; text-align:center;}
.Zlbox .flipster .imgbox{ background:url(../images/zlbg.jpg) center top no-repeat; background-size:contain; padding-top:50px; height:464px;}
.Zlbox .flipster li a{ display:block; margin:0px auto; width:226px; padding-left:1px; height:326px;display: flex;align-items: center;justify-content: center;}
.Zlbox .flipster li a img{ max-height:326px;}
.Zlbox .flipto-prev,.Zlbox .flipto-next{ font-family:"宋体"; background:#d5d5d5; border-radius:50%; display:block; top:40%; text-align:center; width:50px; height:50px; line-height:50px; position:absolute; color:#fff; font-size:26px;}
.Zlbox .flipto-prev{ left:0px;}
.Zlbox .flipto-next{ right:0px;}
.Zlbox .flipto-prev:hover,.Zlbox .flipto-next:hover{ background:#354ea2; color:#fff;}


.Zlbox2{}
.Zlbox2 .flipster{}
.Zlbox2 .flipster ul{height:414px !important;}
.Zlbox2 .flipster li{ width:322px; text-align:center;}
.Zlbox2 .flipster .imgbox{ background-size:contain; padding-top:50px; height:350px;}
.Zlbox2 .flipster li a{ display:block; margin:0px auto; width:226px; padding-left:1px; height:326px;display: flex;align-items: center;justify-content: center;}
.Zlbox2 .flipster li a img{ max-height:326px;}
.Zlbox2 .flipto-prev,.Zlbox2 .flipto-next{ font-family:"宋体"; background:#d5d5d5; border-radius:50%; display:block; top:40%; text-align:center; width:50px; height:50px; line-height:50px; position:absolute; color:#fff; font-size:26px;}
.Zlbox2 .flipto-prev{ left:0px;}
.Zlbox2 .flipto-next{ right:0px;}
.Zlbox2 .flipto-prev:hover,.Zlbox2 .flipto-next:hover{ background:#354ea2; color:#fff;}




@media ( max-width:768px){
.Zlbox .flipster ul{height:319px !important;}
.Zlbox .flipster li{ width:200px;}
.Zlbox .flipster .imgbox{padding-top:31px; height:288px;}
.Zlbox .flipster li a{ width:140px; padding-left:1px; height:202px;}
.Zlbox .flipster li a img{ max-height:202px;}
.Zlbox .flipto-prev, .Zlbox .flipto-next{ width:35px; line-height:35px; height:35px;}

.Zlbox2 .flipster ul{height:319px !important;}
.Zlbox2 .flipster li{ width:200px;}
.Zlbox2 .flipster .imgbox{padding-top:31px; height:288px;}
.Zlbox2 .flipster li a{ width:140px; padding-left:1px; height:202px;}
.Zlbox2 .flipster li a img{ max-height:202px;}
.Zlbox2 .flipto-prev, .Zlbox2 .flipto-next{ width:35px; line-height:35px; height:35px;}
}