/* CSS Document */
html,body{min-width:1280px}
.container{ min-width: 1200px;}
#header{ position: relative; width: 100%; height: auto; overflow: hidden; background: #fff;}
.top{ width: 100%; height: 40px; line-height: 40px; background: #000;}
.top .container,.head .container,.search .container{ display: flex; justify-content:space-around; align-items: center;}
.top p{ color: #fff; font-size: 14px; width: 100%;}
.top p a{ color: #fff; display: inline-block; padding-left: 10px;}
.top p a::before{ content: ""; display: inline-block; width: 1px; height: 10px; background: #fff; margin-right: 10px;}
.top p a:first-child::before{ width: 0;}
.head{ width: 100%; padding: 20px 0;}
.logo{ width: 100%; position: absolute; top: 0; left:0; display: flex; justify-content: center;pointer-events: none;}
.head .txt{padding-right:30px; width: 100%;}
.head .txt h3{ color: #da0000; font-size: 24px; padding-bottom: 5px;}
.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: auto; padding-top: 15px;}
.search .container{ border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;}
.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:1px solid #da0000; float: left;}
.search .box input[type="submit"]{ width: 40px; height: 30px; background: url(../images/s.png) no-repeat center #d90900; border: 0; float: left;}
.search .lbox{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 0;}
.search .lbox a{ display: inline-block; padding-left: 40px; line-height: 18px; font-size: 14px;}
.search .lbox a.kf{ background: url(../images/kf.png) no-repeat left center;}
.search .lbox a.qq{ background: url(../images/qq.png) no-repeat left center;}
.search .lbox a.wx{ background: url(../images/wx.png) no-repeat left center;}

#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: 14px; line-height: 18px; padding: 10px 0; 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:block; padding: 10px 25px; max-width:16%; border: 1px solid #ddd;  min-width: 15%; text-align: center; margin-bottom: 15px; padding-bottom: 100px;}
.page01 .list_menu p{ font-size: 12px;}
.page01 .list_menu span{ display:flex; align-items: center; justify-content: center; padding: 15px 0;}
.page01 .list_menu span::before{ content: ""; display: inline-block; width: 15px; height: 1px; background: #aaa; margin: 0 5px;}
.page01 .list_menu span::after{ content: ""; display: inline-block; width: 15px; height: 1px; background: #aaa; margin: 0 5px;}
.page01 .list_menu h3{ font-size: 20px;}
.page01 .list_menu a:nth-child(1){ background: url(../images/icon01.png) no-repeat center 130px;}
.page01 .list_menu a:nth-child(2){ background: url(../images/icon02.png) no-repeat center 130px;}
.page01 .list_menu a:nth-child(3){ background: url(../images/icon03.png) no-repeat center 130px;}
.page01 .list_menu a:nth-child(4){ background: url(../images/icon04.png) no-repeat center 130px;}
.page01 .list_menu a:nth-child(5){ background: url(../images/icon05.png) no-repeat center 130px;}
.page01 .list_menu a:nth-child(6){ background: url(../images/icon06.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(1){ background: url(../images/icon1.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(2){ background: url(../images/icon2.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(3){ background: url(../images/icon3.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(4){ background: url(../images/icon4.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(5){ background: url(../images/icon5.png) no-repeat center 130px;}
.page01 .list_menu a:hover:nth-child(6){ background: url(../images/icon6.png) no-repeat center 130px;}
.page01 .list_menu a:hover{ border-color: #da0000;}
.page01 .list_menu a:hover span,.page01 .list_menu a:hover h3{ color: #da0000;}
.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;}


.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: 30px; background: #fff;}

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

.page04{ padding: 50px 0; background: #fff;}
.page04 .box{ padding-top: 15px; display: flex; justify-content: space-between; align-items: center;}
.page04 .box .item{ width: 32%; overflow: hidden;}
.page04 .box .txt{ padding: 15px; background: #eee; overflow: hidden;}
.page04 .box p{ font-size: 14px; color: #666; padding: 10px 0; line-height: 18px;}
.page04 .box span{ display: inline-block; padding: 5px 15px; background: #aaa; color: #fff; font-size: 12px;}
.page04 .box .item:hover .txt{ background: #da0000;}
.page04 .box .item:hover h3,.page04 .box .item:hover p{ color: #fff;}
.page04 .box .item:hover span{ color: #da0000; background: #fff;}

#footer{ background:url(../images/fbg.jpg) no-repeat top center #000;}
#footer .ftop{ height: 60px; width: 100%; margin: 30px 0; color: #fff; font-weight: bold; font-size: 14px; background:none; 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 .fbox { padding-bottom: 30px;}
#footer .rbox img{ max-width:96px}
#footer .lbox .item{ padding:0 25px; border-left: 1px solid rgba(255, 255, 255, 0.3); 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 .bbox{ width: 100%; background: #000; padding: 15px 0; font-size: 14px; color: #fff; float: left;}
#footer .bbox a{ color: #fff;}