/* CSS Document */
html,body{min-width:1280px}
.container{ min-width: 1200px;}
#header{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.head .container,.search .container{ display: flex; justify-content:space-around; align-items: center;}
.head{ width: 100%; padding: 20px 0;}
.head .logo{ width: 100%; display: flex; align-items: center;}
.head .logo a{ display: block; float: left; padding-right: 50px;}
.head .logo h1{ font-size: 20px; color: #d90900;}
.head .txt{padding-right:30px; width: auto; min-width: 330px; text-align: center; }
.head .txt h3{ color: #da0000; font-size: 24px; padding-bottom: 5px; border-bottom: 1px solid #ddd; letter-spacing: 3px;}
.head .txt p{ line-height: 30px;}
.head .txt p span{ padding: 0 5px;}
.head .tel{ width: auto; min-width: 235px; line-height: 18px; padding-left: 55px; padding-top: 5px; background: url(../images/tel.png) no-repeat center left;}
.head .tel small{ font-size: 12px; color: #aaa;}
.head .tel a{ font-size: 24px; font-weight: bold; color: #da0000;}
.nav{ position: relative; width: 100%; height: 50px; background: #d90900;}
.nav ul{ display: flex; justify-content: space-between;}
.nav ul li{ line-height: 50px;}
.nav ul li a{ display: inline-block; color: #fff; padding: 0 25px; font-weight: bold;}
.nav ul li:hover a,.nav ul li.active a{ background: rgba(0,0,0,0.2); color: #fff;}
.nav ul li:last-child{ background: #000;}
#banner{width: 100%; height: auto;cursor:pointer}
#banner .swiper-container{width:100%;margin:0 auto;height:auto}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-container img{width:100%;height:100%;display:block}
#banner .swiper-button-next,#banner .swiper-button-prev{padding:5px 0;opacity:0;width:40px;height:40px; text-align: center; color: #fff;}
#banner .swiper-button-prev{left:50%; margin-left: -640px; background:rgba(198, 0, 0, .7)}
#banner .swiper-button-next{right:50%; margin-right: -640px; background:rgba(198, 0, 0, .7)}
#banner .swiper-container:hover .swiper-button-next,#banner .swiper-container:hover .swiper-button-prev{opacity:1}
#banner .bottom-nav{width:100%;text-align:center;position:absolute;bottom:10px;z-index:10}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{border-radius:5px;width:10px;height:10px;background:#fff;opacity:.8;box-sizing:border-box;margin:0 5px;vertical-align:middle;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
#banner .swiper-pagination-bullet-active{width:40px;}
.search{ width: 100%; height: 50px; overflow: hidden; background: #eee;}
.search p{ height: 50px; line-height: 50px; width: 100%; font-size: 12px;}
.search p a{ padding: 0 5px; display: inline-block; color: #888;}
.search p a:hover{ color: #d90900;}
.search .box{ height: 30px; width: 100%; margin: 10px 0;}
.search .box form{ width: auto;float: right;}
.search .box input[type="text"]{ width: 200px; height: 30px; padding: 0 10px; border:0; float: left;}
.search .box input[type="submit"]{ width: 40px; height: 30px; background: url(../images/s.png) no-repeat center #d90900; border: 0; float: left;}
#wrapper{ width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.tit{ padding-bottom: 15px;}
.tit h3{ color: #d90900; font-size: 24px; line-height: 40px; display: flex; align-items: center; justify-content: center;}
.tit span{ display:block; padding: 0 15px;}
.tit span.lbg,.tit span.rbg{ width: 100px; height: 1px; background: #ddd; position: relative;}
.tit span.lbg::before{
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background: #d90900;
    left: 0;
   top: -1px;
}
.tit span.rbg::before{
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background: #d90900;
    right: 0;
   top: -1px;
}
.tit p{ font-size: 16px; line-height: 40px; color: #666;}

.page01{ padding: 30px 0;}
.page01 .menu{ padding-bottom: 30px}
.page01 .list_menu{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.page01 .list_menu a{ display: inline-block; padding: 10px 25px; max-width:16%; background: #eee;  min-width: 15%; text-align: center; margin-bottom: 15px;}
.page01 .list_menu a:hover{ background: #d90900; color: #fff;}

.page01 .box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.page01 .box ul li{ width: 32%; margin-bottom: 20px;}
.page01 .box ul li .txt{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #eee;}
.page01 .box ul li:hover .txt{ background: #da0000; color: #fff;}

.page02{ background: #eee; padding: 50px 0;}
.page02 .tit h3{ font-size: 30px; font-weight: normal; line-height: 40px;}
.page02 .tit p{ font-size: 14px; color: #666; padding: 15px 150px; line-height: 24px;}
.page02 .box ul{ display: flex; justify-content: space-between;}
.page02 .box ul li{  width: 32%; overflow: hidden;}
.page02 .box ul li .img{ margin: 15px 0;}
.page02 .box ul li .txt h3{ font-size: 20px; padding-bottom: 10px;}
.page02 .box ul li .txt p{ font-size: 12px;line-height: 16px; color: #666;}

.page03{ background: url(../images/abg.jpg) no-repeat top center #eee; padding: 50px 0;}
.page03 .box{ display: flex; justify-content: space-between; align-items: center; padding: 30px; background: #fff;}
.page03 .lbox,.page03 .rbox{ width: 100%;}
.page03 .lbox{ padding-left: 50px;}
.page03 .lbox h3{ color: #d90900; font-size: 20px;}
.page03 .lbox h3 small{ font-size: 12px;}
.page03 .lbox a{ display: inline-block; padding: 5px 25px; background: #d90900; color: #fff;}
.page03 .lbox p{ padding: 20px 0; font-size: 14px; text-align: justify; text-justify: inter-ideograph;}
.page03 .lbox h2{ color: #d90900; font-size: 30px; letter-spacing: 5px;}
.page03 .bbox{ padding: 0 30px; padding-bottom: 30px; background: #fff;}

.page03 .bbox_img a{ display: inline-block; width: 100%; height: auto; border: 2px solid #eee; margin: 15px 0;}
.page03 .bbox_img h3{ line-height: 30px; text-align: center;}

.page04{ padding: 50px 0; background: #fff;}
.page04 .box{ padding-top: 15px;}
.page04 .lbox{ position: relative; background: #eee; padding: 15px;}
.page04 .lbox a.hot{ display: inline-block; border-bottom: 1px solid #ddd;}
.page04 .lbox a:hover h3{ color: #d90900;}
.page04 .lbox .txt{ padding: 15px;}
.page04 .lbox .txt h3{line-height: 24px; padding-left: 80px; position: relative;}
.page04 .lbox .txt h3::before{ content: '推荐'; display: block; width: 70px;  text-align: center; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; background: #d90900; color: #fff; position: absolute; left: 0;}
.page04 .lbox .txt p{ font-size: 12px; color: #666; padding: 15px 0;}
.page04 .list_box{ padding: 15px;}
.page04 .list_box ul li{ width: 100%; padding-left: 35px; height: 40px; line-height: 40px; position: relative;}
.page04 .list_box ul li:nth-child(1)::before{ position: absolute; left: 15px; top: 13px; content: '1'; display: block; width: 14px; line-height: 14px; font-size: 12px; text-align: center; height: 14px; background: #d90900; color: #fff;}
.page04 .list_box ul li:nth-child(2)::before{ position: absolute; left: 15px; top: 13px; content: '2'; display: block; width: 14px; line-height: 14px; font-size: 12px; text-align: center; height: 14px; background: #d90900; color: #fff;}
.page04 .list_box ul li:nth-child(3)::before{ position: absolute; left: 15px; top: 13px; content: '3'; display: block; width: 14px; line-height: 14px; font-size: 12px; text-align: center; height: 14px; background: #d90900; color: #fff;}
.page04 .list_box ul li a{ display: inline-block; width: 100%; overflow: hidden; font-size: 14px;}
.page04 .list_box ul li:hover a{ color: #d90900;}
.page04 .list_box ul li a span{ display: block; float: right;}
.page04 .hyzx{ background: #eee; width: 100%; float: left; padding: 15px;}
.page04 .hyzx .title{ line-height: 40px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd;}
.page04 .hyzxbox ul li{ width: 100%; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; background: url(../images/dot.png) no-repeat left center;} 
.page04 .hyzxbox ul li:hover a{ color: #d90900;}
.page04 .hyzxbox ul li a span{ display: block; float: right;}


#footer{ background: #000;}
#footer .ftop{ height: 60px; width: 100%; margin: 30px 0; color: #fff; font-weight: bold; font-size: 14px; background: #000; float: left;}
#footer .ftop span{ display: block; width: auto; float: left; font-size: 18px; font-weight: normal; line-height: 18px; text-align: right; padding:10px 15px; padding-left: 60px; background:url(../images/link.png) no-repeat 15px 10px #da0000;}
#footer .ftop p{border: 1px solid rgba(255, 29, 29, 0.5);}
#footer .ftop a{ display: inline-block; color: #fff; padding: 0 15px; font-weight: normal; height: 47px; overflow: hidden; line-height: 54px; }
#footer .ftop a:hover{ color: #da0000;}
#footer .lbox .item{ padding:0 25px; border-left: 1px solid rgba(255, 255, 255, 0.1); float: left; min-width: 20%;}
#footer .lbox .item a{ color: #fff;}
#footer .lbox .item h3{ padding-bottom: 15px; color: #fff;}
#footer .lbox .item p{ font-size: 14px;color: #fff;}
#footer .lbox .item p a{color: #fff;}
#footer .lbox .item p a:hover{ color: #da0000;}
#footer .rbox{ float: right; padding: 15px; background: url(../images/er_bg.png) no-repeat center top; color: #fff;}
#footer .rbox img{ max-width:96px}

#footer .bbox{ width: 100%; margin-top: 50px; padding: 15px 0; font-size: 14px; color: #888; border-top: 1px solid rgba(255,255,255,0.1); float: left;}
#footer .bbox a{ color: #888;}