@charset "utf-8";
body{ min-width: 1280px;}
/* CSS Document */
#header{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.top{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd;}
.top .container,.head .container,.search .container{ display: flex; justify-content: space-between; align-items: center;}
.top p{ font-size: 14px; width: 100%;}
.top p a{ display: block; float: right; padding:0 15px; border-right: 1px solid #ddd;}
.top p a:last-child{ border-left: 1px solid #ddd;}
.top p a:hover{ color: #b90000;}
.head{ width: 100%; padding: 15px 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: 24px; color: #b90000;}
.head .tel{ width: auto; min-width: 260px; line-height: 22px; padding-left: 45px; background: url(../images/tel.png) no-repeat center left;}
.head .tel small{ font-size: 12px; color: #aaa;}
.head .tel a{ font-size: 32px; font-weight: bold; color: #f00;}
.nav{ width: 100%; height: 50px; background: #222;}
.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;}
.nav ul li:hover a,.nav ul li.active a{ background: #b90000;}
#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: #b90000;}
.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 #b90000; border: 0; float: left;}
#wrapper{ width: 100%; height: auto; overflow: hidden; padding-top: 30px;}
.tit{ padding-bottom: 15px;}
.tit h3{ color: #333; font-size: 24px;}
.tit span{ display: inline-block; width: 150px; height: 11px;}
.tit span.lbg{ background: url(../images/tit_lbg.png) no-repeat center;}
.tit span.rbg{ background: url(../images/tit_rbg.png) no-repeat center;}
.tit p{ font-size: 12px; color: #aaa;}
.page01{ padding: 30px 0;}
.page01 .box{ display: flex; justify-content: space-between;}
.page01 .lbox{ width: 100%; max-width: 220px;}
.page01 .lbox h3{ width: 100%; height: 70px; background: #b90000; line-height: 70px; color: #fff; font-size: 24px; text-align: center;}
.page01 .menu{ padding:10px; padding-bottom: 30px; background:url(../images/mbg.jpg) repeat-x #eee;}
.page01 .menu ul{ display: block; width: 100%; height: 100%; padding: 15px; background: #fff; border-radius: 10px;}
.page01 .menu ul li{ height: 50px; line-height: 50px; overflow:hidden;}
.page01 .menu ul li a{ font-size: 12px;white-space:nowrap; display: inline-block; padding-left: 20px; background: url(../images/dot1.png) no-repeat center left;}
.page01 .menu ul li:hover a,.page01 .menu ul li.on a{ color: #b90000;}
.page01 .tel{ width: 100%; background: url(../images/tbg.png) no-repeat top; height: 122px; padding-top: 35px; padding-left: 65px; line-height: 18px;}
.page01 .tel small{ font-size: 12px; color: #fff;}
.page01 .tel a{ color: #fff; font-size: 20px;}
.page01 .rbox{ width: 100%; padding-left: 20px;}
.page01 .tab{ width: 100%; height: 40px; float: left; margin-left: 15px;}
.page01 .tab ul li{ height: 30px; line-height: 30px; width: 120px; float: left; text-align: center;}
.page01 .tab ul li a{ display: inline-block; width: 100%; border: 2px solid #b90000; font-weight: bold;}
.page01 .tab ul li.on a{ background: #b90000; color: #fff;}
.page01 .imgbox ul li{ width: 33.33%; float: left; overflow: hidden; box-sizing: border-box; padding-left: 15px; padding-top: 15px;}
.page01 .imgbox ul li a{ display: inline-block;}
.page01 .imgbox .img{ border: 2px solid #eee; overflow: hidden;}
.page01 .imgbox p{ text-align: center; font-size: 12px; height: 30px; line-height: 30px;}
.page01 .imgbox ul li img{ transition: all 0.5s;}
.page01 .imgbox ul li:hover img{ transform: scale(1.1);}
.page01 .imgbox ul li:hover p{ color: #b90000;}
.page02{ width: 100%;}
.page02 img{ width: 100%;}
.page02 .list{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.page02 .img{ width: 100%; max-width: 460px;}
.page02 .list span{ width: 100%; display: block; max-width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; background: #b90000; color: #fff;}
.page02 .txt{ width: 100%; max-width: 460px;}
.page02 .list h3{ line-height: 40px; padding-left: 40px; font-size: 20px; background: url(../images/dot.png) no-repeat center left;}
.page02 .list h5{ font-size: 10px; font-weight: normal; color: #aaa;}
.page02 .list p{ font-size: 14px; line-height: 30px; padding: 20px 0;}
.page02 .box1{ position: relative;}
.page02 .box1 span.line{ display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #b90000; z-index: -1;}
.page02 .box2{ padding: 5px; background: #b90000; color: #fff; text-align: center; line-height: 40px; font-size: 24px;}
.page02 .box3{ padding: 30px 0;}
.page02 .swiper-container a{ display: inline-block; position: relative; border: 2px solid #eee;}
.page02 .swiper-container h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background: rgba(255,255,255,0.7);}

.page03{ background: url(../images/abg.jpg) no-repeat center #222; padding: 50px 0;}
.page03 .box{ display: flex; justify-content: space-between; align-items: center; padding: 50px; background: #fff;}
.page03 .lbox,.page03 .rbox{ width: 100%;}
.page03 .lbox{ padding-right: 50px;}
.page03 .lbox h3{ color: #333; font-size: 24px;}
.page03 .lbox h3 small{ font-size: 12px;}
.page03 .lbox p{ padding: 10px 0; font-size: 14px; text-align: justify; text-justify: inter-ideograph;}
.page03 .lbox h2{ color: #b90000; font-size: 30px; letter-spacing: 5px;}

.page04{ padding: 50px 0; background: #eee;}
.page04 .box{ padding-top: 15px;}
.page04 .lbox{ position: relative;}
.page04 .lbox p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background:rgba(255, 255, 255, 0.7);}
.page04 .rbox ul li{ width: 100%; float: left; margin-bottom: 30px;}
.page04 .rbox ul li a{ display: flex; justify-content: space-between; background: #fff;}
.page04 .rbox ul li .img{ min-width: 255px; width: 100%;}
.page04 .rbox ul li .txt{ width: 100%; padding: 15px; width: auto;}
.page04 .rbox ul li .txt h3{ font-size: 14px; padding-bottom: 20px;}
.page04 .rbox ul li .txt p{ font-size: 12px; color: #666;}
.page04 .rbox ul li a:hover h3{ color: #b90000;}


/* 分站样式 */
.area{padding:15px 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}

#footer{ background: #222;}
#footer .ftop{ height: 50px; line-height: 50px; width: 100%; color: #fff; font-weight: bold; font-size: 14px; background: #111;}
#footer .ftop a{ display: inline-block; color: #fff; padding: 0 15px; font-weight: normal;}
#footer .lbox,#footer .rbox{ width: 50%; float: left;}
#footer .lbox{ padding:50px 50px 50px 180px;}
#footer .lbox h3{ color: #aaa; padding-bottom: 15px;}
#footer .lbox  p{ line-height: 24px; color: #aaa; font-size: 14px;}
#footer .rbox{ padding:50px 0;}
#footer .rbox a{ display: block; width: 100%; margin: 5px 0; text-align: right;}
#footer .bbox{ width: 100%; padding: 15px 0; font-size: 14px; color: #aaa; border-top: 1px solid #333; float: left;}
#footer .bbox a{ color: #aaa;}


.m-tel-btn{ display: none }
@media (max-width: 768px){
	.m-tel-btn{ display: block; position: fixed; bottom: 80px; z-index: 9999; left: 0; width: 100%; text-align: center; }
	.m-tel-btn a{ display: inline-block; padding: 5px 25px; background: rgba(226,0,0,0.8); color: #fff; border-radius: 25px; transform: scale(4);}
}