/*高度*/
.bh1 {height: 359px}
.bh2 {height: 120px}
.bh3 {height: 240px}
/*轮播*/
.slider{position: relative;width:100%;margin:0 auto;overflow: hidden}
.slider.default{height:359px}
.slider ul{list-style: none outside none;}
.slider ul,.slider li{padding: 0}
.slider .slider-item li{position:absolute;top:0;left:0;display:block;width: 100%;overflow: hidden}
.slider .slider-item li img{width: 100%;height:100%;object-fit: cover}
.slider.default .slider-item li{height:359px}
.slider .slider-item li:not(:first-child){display: none}
.slider .slider-item li p{position: absolute;bottom: 0;right:0;left:0;width:100%;height:30px;padding: 10px 0;font-size: 14px;line-height:30px;text-indent: 1em;color:#fff;background-color: rgba(0,0,0,.3);background-color: #333\9;*filter: alpha(75)}
.slider .slider-nav{position: absolute;margin:auto;text-align: center}
.slider.default .slider-nav{bottom: 20px;right:10px}
.slider .slider-nav li{width: 16px;height:16px;line-height:1;display: inline-block;zoom:1;*display: inline}
.slider .slider-nav a{display:inline-block;zoom:1;*display: inline;margin:0 auto;height:6px;width:6px;border:1px solid #000;background-color: #222;font:0/0 a;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.slider a.active{background-color: #f00}
/*标题*/
.orange-topic {text-align:center;color: #fff;background-color: #f9a707}
.orange-topic span {display: block;height: 85px;line-height:85px;font-size: 56px}
.orange-topic p {padding: 5px;font-size: 18px}
.green-topic {text-align:center;color: #fff;background-color: #1bc5bd}
.green-topic p {padding: 10px 5px 0 5px;font-size: 18px}
/*按钮组*/
.btn-group.group-green {height: 100%;padding: 0}
.group-green li {width: 33.3333333%;float: left;height: 100%;color: #1bc5bd}
.group-green li a:link,.group-green li a:visited,.group-green li a:active {color: #1bc5bd}
.group-green li a:hover {color: #f9a707}
.group-green li span {display:inline-block;margin-top:15px;font-size: 56px}
.group-green li p {padding: 10px;font-size: 15px}
/*滚动*/
.scroll-box{position:relative;padding:0;overflow:hidden}
.scroll-box-area{position:relative;width:100%;height:100%;padding:0;overflow:hidden}
.scroll-box .btn-right,.scroll-box .btn-left{position:absolute;z-index:9;display:inline-block;width:15px;height:30px;margin:auto;line-height:30px;text-align:center;font-size:18px;color:#999;background-color: #eee;-moz-transition: 400ms all ease-in-out;-webkit-transition: 400ms all ease-in-out;transition: 400ms all ease-in-out}
.scroll-box .btn-right:hover,.scroll-box .btn-left:hover,.scroll-box .btn-up:hover,.scroll-box .btn-down:hover{background-color: #3072cf;color:#fff}
.scroll-box .btn-right{top:0;right:0;bottom:0}
.scroll-box .btn-left{top:0;bottom:0;left:0}
.scroll-box .btn-up{top:0;right:0;left:0}
.scroll-box .btn-down{right:0;bottom:0;left:0}
.scroll-box.gallery{padding:15px;height: 210px}
.scroll-box.news {height: 100%}
/*滚动图片列表*/
.scroll-list{width:200%;list-style: none outside none;padding:0}
.scroll-list:before,.scroll-list:after{content:'';display:table;height:0;clear:both}
.scroll-list li{width:282px;padding:0;float: left;text-align: left}
.scroll-list img{height:180px;width:265px;-webkit-transition: all 200ms ease-in-out 0ms;-moz-transition: all 200ms ease-in-out 0ms;-o-transition: all 200ms ease-in-out 0ms;transition: all 200ms ease-in-out 0ms}
.scroll-list img:hover{-webkit-box-shadow:0 0 2px #000;box-shadow:0 0 2px #000;opacity: .8}
.scroll-list p{padding: 0;width:265px;line-height: 30px;text-align: center}

/*写点样式，让轮播好看点*/
ul, ol { padding: 0;}
#slider { position: relative; overflow: auto; text-align: center;}
#slider li { list-style: none;}
#slider ul li { float: left; }
#slider ul li img { height: 359px;object-fit: cover; width: 100%;}
#slider ul li p { position: absolute;bottom: 0;line-height: 45px; opacity: .4;background-color: #000;color: #fff;width: 580px;height:45px;text-indent: 20px;text-align:left}
#slider { width: 580px;}
#slider .dots { position: absolute; right: 0; bottom: 15px;}
#slider .dots li { display: inline-block; width: 6px;height: 6px; margin: 0 4px; text-indent: -999em;border: 2px solid #1e9fff;border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#slider .dots li.active {background: #fff;opacity: 1;}
#slider .arrow { position: absolute; top: 200px;}
#slider #al { left: 15px;}
#slider #ar { right: 15px;}