@charset "utf-8";
.main-wrapper{padding-top: 36px;}


.top-banner{ min-width: 1280px;max-width:1280px; margin: 0 auto; }
.banner1-wrap{overflow: hidden;height: 0; padding-bottom: 30%;position: relative;box-shadow: 0px 3px 15px #ccc;}
.banner1 { position: absolute;width:100%;height: 100%;xoverflow: hidden; }
.banner1-div{position: relative; height: 100%; z-index: 0;}
.banner1-div .tempWrap{overflow: visible !important; height: 100%;}
.banner1-div ul {height:100%;}
.banner1-div ul li {zoom: 1; vertical-align: middle; height: 100%}
.banner1-div ul li img{width:100%; height: 100%;}
.banner1 a.banner1-arr{display: block;width: 50px;height: 50px; background: url("https://www.kimberlybunch.com/2020/img/prev.png") no-repeat center; line-height: 50px; font-size: 40px; color: #fff;text-align: center; xopacity: 0.8;xfilter: alpha(opacity=80); font-weight: bold;position: absolute;top: 50%; margin-top: -25px; font-family: "SimHei","黑体"; -moz-user-select: none; -khtml-user-select: none; user-select: none;
   z-index: 3;  transition:all .3s; -webkit-transition:all .3s; opacity:0 ; filter: alpha(opacity=0);font-size: 0;}

.banner1 a.banner1-prev{left:50px; transform: translateX(-30px);-webkit-transform:translateX(-30px);
}
.banner1 a.banner1-next{right:50px; background-image: url("https://www.kimberlybunch.com/2020/img/next.png"); transform: translateX(30px); -webkit-transform:translateX(30px);
}
.banner1:hover a.banner1-prev, .banner1:hover a.banner1-next {
  display: block;  transform: translateX(0px); -webkit-transform: translateX(0px); opacity:.9 ;
  filter: alpha(opacity=90);
}
.banner1:hover a.banner1-arr:hover {opacity: 1;filter: alpha(opacity=100);}
.tit1-div{position: absolute;  bottom: 12px;left: 43%; left:0; width: 100%; text-align: center;}
.tit1-div ul{font-size: 0;display: inline;}
.tit1-div ul li{ display: inline-block; xfloat: left;width: 14px; height: 14px; margin: 0 5px; text-indent: -999em;background: #0a3965; *background:url("https://www.kimberlybunch.com/2020/img/dots2.png") no-repeat;background:url("https://www.kimberlybunch.com/2020/img/dots2.png") no-repeat\0 ;
 cursor: pointer;border:none;xmargin-right: 10px;border-radius: 50%;}
 .tit1-div ul li{*display:inline;}
.tit1-div ul li.on{background: #fff; opacity: 1;  *background:url("https://www.kimberlybunch.com/2020/img/dots1_1.png") no-repeat;background:url("https://www.kimberlybunch.com/2020/img/dots1_1.png") no-repeat\0 ;border:none;}

.main-wrapper {background: url("https://www.kimberlybunch.com/2020/img/main_bg.png") no-repeat center bottom;}
.session-wrap { margin-bottom: 30px;}
.session-wrap > div {box-shadow: 1px 1px 7px #e2e2e2;}
.session-wrap > .ftl {width: 62%;}
.session-wrap > .ftr {width: 36%;}
.main-box {background: #fff;padding: 24px 12px 24px;overflow: hidden;}
.main-top {overflow: hidden;}

.banner2{width: 324px;height: 260px;position: relative; overflow: hidden;}
.banner2-tit{position: absolute;height: 36px;width: 100%; bottom:0; display: none; }
.banner2-tit ul{line-height: 36px;text-align: right;}
.banner2-tit ul li{ display: inline-block;text-indent: 999px;line-height: 5px;  width: 18px; height: 5px;border:none;margin-right: 10px;border-radius: 3px; background-color: #aaaaaa}
.banner2-tit ul li.on{background: #fff; }
.banner2-div ul li {position: relative;}
.banner2-div ul li>div{position: absolute;height: 40px;width: 100%;line-height: 40px;bottom: -40px;filter: alpha(opacity=80);background-color: #191919;}
.banner2-div ul li>div a{display: block;padding: 0px 20px; color:#fff; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.banner2-div ul li>div span {border-left: 5px solid #a90000;padding-left: 6px;font-size: 14px;}
.banner2-div ul li > a {width: 324px;height: 220px;display: block; overflow: hidden;}
.banner2-div ul li img{width: 324px;height: 220px;display: block; transition: all .3s;}
.banner2-div ul li > a:hover img {transform: scale(1.1);}

.new-margin { margin-left: 340px;}
.news {height: 267px; overflow: hidden;}
.news ul{}
.news ul li{padding: 0 0 17px 10px;}
.news ul li span {float: right;width: 60px;color:#666;font-size: 15px;text-align: right;}
.news ul li a{margin-right: 66px;display: block;padding: 0 0 0 16px;background: url("https://www.kimberlybunch.com/2020/img/list_bg.png") no-repeat left center;white-space: nowrap;}
.news ul li.first a{ font-weight: bold;}
.news ul li.first-red a{ background: no-repeat; padding: 0; color: #c32624;}
.news ul li div {background-color: #eeeeee;padding: 10px;font-size: 14px;margin-top: 12px;}
.news ul li div p{ line-height: 20px; height: 40px; overflow: hidden;}


.comm-namea h2{height: 46px; line-height: 46px; background: #eeeeee;}
.comm-namea h2 > a {float: right;color: #333;font-size: 15px; padding-right: 10px;}
.comm-namea h2 > a:hover {color: #0f66bb;}
.comm-namea h2 span, .comm-namea.comm-namea-gray h2 span.on{position: relative;white-space: nowrap;padding: 0 18px;font-size: 20px;background: #c20505;font-weight: bold;float: left;}
.comm-namea h2 span a,  .comm-namea.comm-namea-gray h2 span.on a {color: #fff;letter-spacing: 1px;}
.comm-namea.comm-namea-gray h2 span{ background: none; border-right: 3px solid #ccc; font-weight: normal;}
.comm-namea.comm-namea-gray h2 span a { color: #333;}
.xcomm-namea h2 span:after{content: "";position: absolute;width: 100%;height: 2px;background: #0d57a4;left: 0;xbottom: -12px;top: 45px;}


@media screen and (max-width: 1420px) {
    .top-banner{ min-width: 1280px;max-width:100%; margin: 0 auto; }
}