.ban {overflow:hidden;}
.ban .item {position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:70}
.ban .item a {display:block; height:40rem;}
.ban .slick-next{background: url(bannerright.png) no-repeat 0 0; width: 38px; height: 38px; right: -60px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s;z-index:72;}
.ban .slick-prev{background: url(bannerright.png) no-repeat 0 0; width: 38px; height: 38px; left: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover;z-index:72;}
.ban:hover .slick-next{ right: 40px;}
.ban:hover .slick-prev{ left: 40px;}
.ban .slick-dots {text-align:center;position:absolute;bottom:2rem;width:100%}
.ban .slick-dots li {display:inline-block;margin:0 5px;height:20px;}
.ban .slick-dots li button {display:block;width:14px;height:14px;opacity:1;position:relative;margin:0 5px;cursor:pointer;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:7px;}
.ban .slick-dots li button:after {width:20px;height:20px;background:rgba(255,255,255,0.3);content:'';position:absolute;left:50%;top:50%;transform:scale(0);-webkit-transform:scale(0);border-radius:50%;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;margin-left:-10px;margin-top:-10px;}
.ban .slick-dots li.slick-active button:after {transform:scale(1.3);}

.back1 {padding:1rem 0 0;background:;background-size:cover;}
.back2 {padding:1rem 0;background:url(back2.jpg) no-repeat center center;/*background-size:contain;*/}
.back3 {padding:2.5rem 0;background:url(back3.jpg) no-repeat center center;background-size:cover;}

.box{clear:both}
.box dt{height:3rem;line-height:3rem;position:relative; z-index:1;}
.box dt:after{display:block; content:""; width:100%; height:1px; background:#d2d2d2; position:absolute; left:0; top:1.5rem; z-index:-1;}
.box dt strong{display:block;float:left;font-size:1.5rem;color:#d80110;background:#fff;padding-right:1rem;position:relative; z-index:1;}
.box dt strong:after{display:block; content:""; width:5px; height:5px; background:#d2d2d2; position:absolute; right:0; top:1.40rem;}
.box dt span.more{float:right;font-size:1rem;padding-left:1rem;color:#999;background:#fff;}
.box dt span.more a{color:#999;text-decoration:none}
.box dd{padding:1rem 0;}

.list {}
.list li {overflow:hidden;height:3rem;line-height:3rem;font-size:1.125rem;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed #eee9e3;transition:.5s;}
.list li span{float:right;font-size:0.875rem;color:#ccbbab;margin-left:5px}
.list li:hover{transform:translateX(5px);}

.picBox{position:relative;width:100%;box-shadow: 0 0 8px rgba(0,0,0,0.09);}
.picBox li a{display: block;}
.picBox li .pic{ overflow: hidden;}
.picBox li .pic em{ display: block; height: 18rem; transition: 0.4s; -webkit-transition: 0.4s;background-size:100% auto;}
.picBox li .text{ height: 3.5rem; line-height: 3.5rem; padding: 0 1rem;}
.picBox li .text p{ height: 100%; padding-right:5rem; font-size: 1.125rem; color: #111111; transition: 0.4s; -webkit-transition: 0.4s;}
.picBox li a:hover .text p{ color: #cf000f;}
.picBox li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.picBox .slick-dots{width: auto; left: auto; bottom: 1.25rem; right:0.5rem;}
.picBox .slick-dots li{ width: 10px; height: 10px; transition: 0.4s; -webkit-transition: 0.4s; background: #adadad; opacity: 0.8;border-radius: 10px;}
.picBox .slick-dots li.slick-active{ width: 20px; opacity: 1;}
.picBox .slick-next{ width: 30px; height: 80px; background: url(right.png) no-repeat 0 0; right: 0; margin-top: -60px;}
.picBox .slick-prev{ width: 30px; height: 80px; background: url(right.png) no-repeat 0 0; left: 0; margin-top: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg);z-index:2;}

.cola7 .box dd{ padding-top:1rem}
.cola7 .list{ margin-left:2rem;}

.list21 {margin:0 -2rem 0 0;}
.list21 li {float:left;width:calc(50% - 2rem);margin:0 2rem 0 0;}

.list2 {margin:0;margin-bottom:-1px;}
.list2 li {display:block;position:relative;width:100%;height:3.5rem; padding:0.4rem 0;overflow:hidden;transition:.5s;border-bottom:1px dashed #eee9e3;}
.list2 li:last-child{margin-bottom:0;}
.list2 li span {float:left;width:3.25rem;height:3.25rem;text-align:center;color:#ccbbab;font-size:0.75rem;font-family:Arial; line-height:1.5rem;margin-top:0.25rem}
.list2 li span i {display:block;font-size:1.75rem;line-height:1.75rem;color:#54483a;font-weight:100;background:#;}
.list2 li a{max-height:3.5rem;line-height:1.75rem;position:absolute;left:3.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;}
.list2 li:hover{transform:translateX(5px);}

.list li span.new{color:#ff8500;}

.link {margin:0 -1rem;position:relative}
.link img {max-width:100%;height:100%;width:100%;object-fit:cover}
.link li {margin:1rem;border:solid 1px #f8f8f8;box-shadow:1px 1px 0.5rem #eee;}
.link li:hover {box-shadow:1px 1px 1rem #eee;}
.link p {padding:1rem 0;text-align:center;font-size:1.125rem;overflow:hidden}

li.li1 {background:rgba(232,65,11,0.8);}
li.li2 {background:rgba(231,176,0,0.78);}
li.li3 {background:rgba(28,135,202,0.9);}
li.li4 {background:rgba(67,181,233,0.8);}
li.li5 {background:rgba(60,179,122,0.5);}

@media screen and (max-width:1024px) {
html,body {height:auto;overflow:auto;}

}
@media screen and (max-width:768px){
.ban{ margin-top:50px;}
.ban .item a {display:block;height:16rem;}

.cola7 .list{ margin-left:0rem;margin-top:1rem;}
.picBox{ width: 100%; }
.picBox li .pic em{ height: auto; padding-bottom: 64.3%;}
.picBox .slick-next{ display: none;}
.picBox .slick-prev{ display: none;}
.picBox li .text{ padding: 0 10px; height: 46px; line-height: 46px;}
.picBox li .text p{ font-size: 14px;}
.picBox .slick-dots{ bottom: 22px;}
.picBox .slick-dots li{ width: 8px; height: 8px;}
.picBox .slick-dots li.slick-active{ width: 20px;}

.back1,.back2,.back3{padding:1rem 0;}
.list21 li {float:left;width:calc(100% - 2rem);margin:0 2rem 0 0;}
.web {display:flex;justify-content:space-around;flex-wrap:wrap;}
.web>li{float:left;width:50%;}
.web>li span{height:6rem;}
.web:after {display:none;}
.list li a{font-size:1.25rem;}
.list2 li a{font-size:1.25rem;}
}