@charset "utf-8";

#banner{position:relative;}
#banner .swiper-container{width:100%;height:100%;}
#banner .swiper-slide{height:auto;}
#banner img{width:100%;}
#banner .swiper-pagination-bullets{width:100%;bottom:18px;z-index:20;}
#banner .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#fff;border-radius:50%;opacity:1;box-sizing:border-box;}
#banner .swiper-pagination-bullet-active{background:#3E96E7;}


.indexcon{padding:0 0 30px 0;}

.indexB{background:url("../images/ibg1.png") no-repeat center top;padding:82px 0 0 0;width:1004px;margin:-68px auto 0;position:relative;z-index:10;}
.indexB .box{float:left;height:309px}
.indexB .box h5{font-size:16px;color:#FE4B4E;font-weight:bold;height:22px;text-transform:uppercase;}
.indexB .box p{margin:10px 0 0 0;color:#666;line-height:22px;table-layout:fixed;word-break: break-all;overflow:hidden;}
.indexB .box img{margin:20px 0 0 0;}
.indexB .box p a{margin:2px 0 0 0;color:#333;display:inline-block;}
.indexB .box p a b{color:#FC1211;}

.indexB .box div{text-align:center;margin:10px 0 0 0;}

.indexB .box ul{margin:5px 0 0 0;}
.indexB .box ul li{line-height:20px;}
.indexB .box ul li p{text-align:right;margin:0 0 0 0;}
.indexB .box ul li a{color:#333;}
.indexB .box ul li a:hover{color:#f00;}

.indexB .box1{width:246px;}
.indexB .box2{width:303px;padding:0 0 0 29px;background:url("../images/ibg3.png") no-repeat left top;margin:0 0 0 25px;}
.indexB .box3{width:291px;padding:0 0 0 29px;background:url("../images/ibg3.png") no-repeat left top;margin:0 0 0 25px;}

.indexB .box2 .more{margin:10px 0 0;display:inline-block;border:1px solid #CECECE;padding:0 10px;border-radius:4px;color:#FE4B4E;text-transform:uppercase;font-size:11px;}
.indexB .box2 .more:hover{background:#FE4B4E;border-color:#FE4B4E;color:#fff;}

.indexA{background:#FDFDFB;border-top:1px solid #FAF9FE;margin:35px 0 0 0;padding:28px 0;}
.indexA .tit h5{font-size:16px;color:#FE4B4E;font-weight:bold;height:22px;text-transform:uppercase;}

.indexA .list{margin:20px 0 0;position:relative;}
.indexA .swiper-slide{padding:5px;box-sizing:border-box;}
.indexA .swiper-slide .pic{display:block;width:100%;position:relative;border-radius:5px;overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.indexA .swiper-slide .pic img{width:100%;display:block;}
.indexA .swiper-slide h5{margin:15px 0 0;line-height:22px;font-weight:bold;font-size:15px;text-transform:capitalize;text-align:center;}
.indexA .swiper-slide h5 a{color:#343432}
.indexA .swiper-slide h5 a:hover{color:#f00;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{width:36px;height:36px;line-height:34px;top:calc(((100% - 59px) / 2) - 18px);border:1px solid #70A6D2;background:#fff;border-radius:50%;margin-top:0;text-align:center;}
.indexA .swiper-button-prev,.indexA .swiper-container-rtl .swiper-button-next{left:-55px;right:auto;}
.indexA .swiper-button-next,.indexA .swiper-container-rtl .swiper-button-prev{right:-55px;left:auto;}

.indexA .swiper-button-prev i,.indexA .swiper-button-next i{color:#70A6D2;font-size:22px;}
.indexA .swiper-button-prev:hover,.indexA .swiper-button-next:hover{border:1px solid #ED7171;}
.indexA .swiper-button-prev:hover i,.indexA .swiper-button-next:hover i{color:#ED7171;}

.indexA .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.indexA .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:#fff;border:1px solid #3E96E7;border-radius:50%;opacity:1;box-sizing:border-box;}
.indexA .swiper-pagination-bullet-active{background:#3E96E7;}


