.banner,.cont-box{position:relative;margin:0 auto;overflow:hidden}.banner,.cont-box,.cont-box ul{overflow:hidden}.banner{width:100%}.cont-box{width:1200px;padding-top:15px;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.cont-box ul{position:relative;clear:both;display:inline-block}.cont-box ul li{display:block;width:236px;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;padding:5px;text-align:center}.cont-box ul li a{display:inline-block;width:226px;background-color:#F3F3F3;color:#000}.cont-box ul li a img{width:226px;height:200px}.cont-box ul li a h3{font-size:22px;padding:0 12px;line-height:40px;max-height:40px;height:40px;text-align:left;font-weight:400}.cont-box ul li a p{font-size:14px;padding:0 12px 12px;line-height:20px;max-height:41px;height:40px;overflow:hidden;text-align:left}.banner{padding-top:37%;height:0;text-align:center}.bannerInner>a{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;visibility:hidden;opacity:0;filter:alpha(opacity=0);background-size:100% 100%}.bannerInner>a img{position:relative}.bannerInner>a.visible{visibility:visible;opacity:1;filter:alpha(opacity=100)}.bannerInner>a.jw-loading{background-size:auto 40%!important}.banner-ml,.banner-mr{position:absolute;width:10%;height:20%;top:38%;background:url(data:image/svg+xml;charset=utf8,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd%22%3E%0A%3Csvg%20width%3D%2290%22%20height%3D%22140%22%20version%3D%221.1%22%20viewBox%3D%220%200%2090%20140%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22f1%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20in%3D%22SourceGraphic%22%20stdDeviation%3D%225%22%20/%3E%0A%20%20%20%20%3C/filter%3E%0A%09%3Cpolyline%20id%3D%22pl%22%20points%3D%2280%2010%2C14%2075%2C80%20130%22%20fill%3D%22none%22%20stroke-width%3D%2210%22/%3E%0A%20%3C/defs%3E%0A%20%20%20%3Cuse%20x%3D%220%22%20y%20%3D%220%22%20xlink%3Ahref%3D%22%23pl%22%20stroke%3D%22%23CCC%22%20filter%3D%22url%28%23f1%29%22%20/%3E%0A%20%20%20%3Cuse%20x%3D%220%22%20y%20%3D%220%22%20xlink%3Ahref%3D%22%23pl%22%20stroke%3D%22%23FFF%22/%3E%0A%3C/svg%3E) 58% 95% no-repeat;background-size:contain;opacity:0;filter:alpha(opacity=0);z-index:10;-webkit-transition:.5s;transition:.5s;cursor:pointer}.banner-left,.banner-right{position:absolute;z-index:4;left:0;top:0;width:50%;height:100%;background:rgba(255,255,255,0);cursor:pointer}.banner-right{left:auto;right:0}.banner-left:hover>.banner-ml,.banner-right:hover>.banner-mr{opacity:.4;filter:alpha(opacity=40)}.banner-left>.banner-ml:hover,.banner-right>.banner-mr:hover{opacity:1;filter:alpha(opacity=100)}.banner-ml{left:16%}.banner-mr{right:16%;background-position:86% 95%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.banner-position{position:absolute;left:0;bottom:6.48%;height:2.16%;text-align:center;width:100%;z-index:5}.banner-position>i{display:inline-block;-webkit-transition:.5s;transition:.5s;cursor:pointer;width:.62%;padding-top:.62%;border-radius:50%;border:2px solid #fff;margin:0 .36%;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.banner-position>.on{width:2%;background-color:#fff;border-radius:100px}