@charset "utf-8";
.container { padding: 30px 0 0;  }
.container .hd { background: url("../images/hd_line.jpg") no-repeat left bottom; color: #666; line-height: 200%; font-size: 1.1em; position: relative; }
.container .hd h4 { font-weight: normal; display: inline-block; }
.container .hd em { color: #bababa; font-family: Arial; font-size: 0.75em; }
.container .hd a { position: absolute; right: 0; bottom: 9px; line-height: 13px; height: 16px; display: block; width: 16px; text-align: center; background: #bababa; color: #fff; }
.container .hd a:hover { color: #0696fa; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); border-radius: 7px; }
.container .bd { padding: 14px 0; position: relative; }

.container .hd2 { border-left: 5px solid #666; position: relative; }
.container .hd2 h4 { padding-left: 23px; font-weight: normal; color: #215d9c; font-size: 1.8em; }
.container .hd2 em { padding-left: 23px; display: block; }
.container .hd2 a { position: absolute; right: 0; bottom: 9px; line-height: 40px; display: block; width: 100px; text-align: center; background: #0696fa; color: #fff; font-size: 1em; }
.container .hd2 a:hover { -webkit-animation:pudding 1s linear; -moz-animation:pudding 1s linear; -o-animation:pudding 1s linear; -ms-animation:pudding 1s linear; animation:pudding 1s linear; border-radius: 3px; }

.honor { float: left; width: 305px; }

.about { float: left; width: 461px; margin-left: 18px; }
.about .txt { position: absolute; width: 90%; height: 110px; padding: 15px 5%; left: 0; bottom: 14px; color: #fff; background: rgba(33, 93, 156, 0.8); opacity: 0; }
.about .txt dt { font-size: 1em; font-weight: normal; line-height: 200%; }
.about .txt dt a { color: #fff; }
.about .txt dd { font-size: 0.9em; line-height: 180%; }
.about .bd:hover .txt { opacity: 1; }

.basics { float: right; width: 395px; }

.info { margin-top: 20px; float: left; width: 386px; }
.info:nth-child(2) { margin: 20px 21px; }

.list { border: 1px solid #dedede; border-top: none; padding: 11px 18px; }
.list li { line-height:30px; }
.list li a { padding-left:9px; font-size: 0.8em; color: #666 }
.list .date { float:right; font: 12px/23px Verdana, Arial, Helvetica, sans-serif; padding-left:10px; color:#999; }
.list .icon { float:left; display:block; background:url("../images/list_icon.jpg") no-repeat left center; width:8px; height:30px; }

.hotNews .pic { width: 113px; }
.hotNews .pic img { width: 113px; height: 113px; }
.hotNews .txt { padding: 10px 13px; width: 247px; height: 93px; background: #215d9c; color: #fff; }
.hotNews .txt dd { font-size: 0.85em; line-height: 160%; }
.hotNews .txt dt { font-size: 1em; line-height: 200%; }
.hotNews .txt dt a { color: #fff; }
.hotNews:hover .txt { background: #0696fa; }

.list2 { border: none; padding: 10px 0 0; }
.info .bd { padding-bottom: 0; }

.bg1 { background: #f6f7f9; padding: 32px 0; }

.product ul { color: #fff; padding: 40px 0 24px; text-align: center; }
.product ul li { margin: 0 -2px; cursor: pointer;  display: inline-block; width: 127px; height: 43px; line-height: 43px; border: 1px solid #d9d9d9; text-align: center; background: #215d9c; }
.product ul li a { color: #fff; }
.product ul li:hover, .product ul li.active { background: #0696fa; }
.product ul .more { display: block; background: #666; color: #fff; }

.item-box { padding-bottom: 30px; }
.item-box.swiper-container-horizontal>.swiper-scrollbar { left: 0.5%; width: 99%; }
.item-list {  }
.item-list .item { float: left; width: 294px; margin: 0 3px; }
.item-list .item .pic img { width: 294px; height: 294px; }
.item-list .item .txt { background: #e2e2e2; color: #666; padding: 20px 15px 15px; }
.item-list .item .txt a { color: #666; }
.item-list .item .txt dt { background: url("../images/item_line.jpg") no-repeat top center; text-align: center; padding: 9px 0; }
.item-list .item .txt dd { font-size: 0.8em; line-height: 180%; min-height: 46px; }

.item-list .item:hover .txt { background: #0696fa; }
.item-list .item:hover .txt dd { color: #fff; }
.item-list .item:hover .txt a { color: #fff; }
.item-list .item:hover .txt dt { background: url("../images/item_line_02.jpg") no-repeat top center; }

.news { padding: 50px 0 0; }

.bg2 { background: url("../images/bg2.jpg") no-repeat center; background-size: cover; }
.case { padding: 50px 0; }
.case .item-pic { margin-top: 35px; }
.case .item-pic .item { position: relative; width: 296px; margin: 0 2px; }
.case .item-pic .item .pic img { width: 296px; height: 235px; }
.case .item-pic .item:hover .txt { opacity: 1;  }
.case .item-pic .item:hover .txt dd { border-radius: 3px; -webkit-animation:pudding 1s linear; -moz-animation:pudding 1s linear; -o-animation:pudding 1s linear; -ms-animation:pudding 1s linear; animation:pudding 1s linear; }
.case .item-pic .item .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(33, 93, 156, 0.9); color: #fff; text-align: center; opacity: 0; }
.case .item-pic .item .txt dt { padding: 80px 0 25px; }
.case .item-pic .item .txt dd { border: 1px solid #fff; display: inline-block; padding: 4px 22px 6px; }
.case .item-pic .item .txt a { color: #fff; }
.case .swiper-button-prev { top: 59%; left: -75px; }
.case .swiper-button-next { top: 59%; right: -75px; }