/*头部*/
.head{background: #222222;height: 70px;position: fixed;left: 0;right: 0;top: 0;z-index: 99;}
.head .head-con{width: 1200px;margin: auto;height: 70px;display: flex;}
.head .head-con>span{display: inline-block;width: 207px;height: 70px;}
.head .head-con>span img{display: block;width: 100%;}
.head .head-con ul{display: flex;margin-left: 30px;}
.head .head-con ul li{height: 70px;line-height: 70px;padding: 0 25px;}
.head .head-con ul li a{font: 15px "微软雅黑";color: #FFFFFF;display: inline-block;height: 67px;line-height: 67px;}
.head .head-con ul li a.on{border-bottom:3px solid #e0211a;color: #e0211a !important;}
.head .head-con ul li a:hover{border-bottom:3px solid #e0211a;color: #e0211a;}
.head .head-con p{display: flex;padding-top: 12px;margin-left: 280px;}
.head .head-con p span{color: #FFFFFF;font: 16px "微软雅黑";margin-right: 5px;}
/*banner*/
.hwm-swiper .swiper-pagination-bullet-active{background: #e0211a !important;/* width: 42px !important; */}
.hwm-swiper .swiper-pagination-bullet{width: 16px !important;height: 16px !important;background: #FFFFFF;opacity: 1 !important;}
.hwm-swiper img{width: 100%;}
.hwm-swiper .swiper-pagination-bullet-active{width: 42px !important;border-radius:8px !important;}
/*尾部*/
.footer{background: #333333; clear:both}
.footer .footer-list{width: 1200px;margin: auto;display: flex;justify-content: space-between;padding: 40px 0 20px;}
.footer .footer-list .foot-left{width: 400px;}
.footer .footer-list .foot-left p.foot-p{font: 18px "微软雅黑";border-bottom: 1px solid #999999;padding: 8px 0;}
.footer .footer-list .foot-left p.foot-p span{border-bottom: 3px solid #e0211a;color: #e0211a;padding: 6px 0;}
.footer .footer-list .foot-left p.ion{font: 14px "微软雅黑";color: #cccccc;margin-top: 30px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.footer .footer-list .foot-left p.ion-a{font: 14px "微软雅黑";color: #cccccc;margin-top: 30px;}

.footer .footer-list .foot-right{width: 680px;}
.footer .footer-list .foot-right p.foot-right-p{font: 18px "微软雅黑";border-bottom: 1px solid #999999;padding: 8px 0;}
.footer .footer-list .foot-right p.foot-right-p span{border-bottom: 3px solid #e0211a;color: #e0211a;padding: 6px 0;}
.footer .footer-list .foot-right p.foot-right-p em{color: #999999;padding: 6px 10px;}
.footer .footer-list .foot-right h5{font: 18px "微软雅黑";color: #CCCCCC;margin-top: 30px;}
.footer .footer-list .foot-right h5 img{display: inline-block;vertical-align: middle;margin-right: 8px;}
.footer .footer-list .foot-right .right-span p>span{font: 14px "微软雅黑";color: #CCCCCC;display:block;float: left;margin-top: 15px;}
.footer .footer-list .foot-right .right-span p>span:nth-child(1){width: 360px;}
.footer .footer-list .foot-right .right-span p>span:nth-child(2){width: 280px;margin-left: 40px;}
.footer .footer-list .foot-right .right-span p>span img{display: inline-block;vertical-align: middle;margin-right: 8px;}

.icon{border-top: 1px solid #525252;}
.icon p{width: 1200px;margin: auto;padding: 10px 0;font: 14px "微软雅黑";color: #CCCCCC;}
.icon p a{color: #CCCCCC;font: 14px "微软雅黑";display: inline-block;margin: 3px 15px;}

/*右边浮动*/
.posi-right{width: 125px;position: fixed;right: 0;top: 300px;z-index: 99;text-align: center;}
/*.posi-right ul li{height: 80px;border: 1px solid #cdcdcd;background: #FFFFFF;border-radius:3px;margin-bottom: 4px;cursor: pointer;}
.posi-right ul li>img{display: block;text-align: center;margin:10px auto 0;}
.posi-right ul li p{font: 14px "微软雅黑";color: #333333;text-align: center;margin: auto;}
.posi-right ul li .posi-right-on{position: absolute;width: 400px;height: 190px;z-index: 100;right: 80px;top: 86px;background: #FFFFFF;border-radius: 5px;display: none;box-shadow:1px 1px 15px #c9c8c8;}
.posi-right ul li .posi-right-on p{display: block;text-align: center;margin: auto;font: 14px "微软雅黑";color: #333333 !important;}
.posi-right ul li .posi-right-on p span{display: inline-block;margin: 0 25px;}
.posi-right ul li .posi-right-on p span img{margin: 15px auto 0; height:140px; width:140px}
.posi-right ul li .posi-right-img{display: none;}
.posi-right ul li:hover div{display: block;}
.posi-right ul li:hover>p{color: #FFFFFF;}
.posi-right ul li:hover{background: #e0211a;}
.posi-right ul li:hover .posi-right-img{display: block;} 
.posi-right ul li:hover .posi-right-bor{display: none;} 
.posi-right ul li:hover{border: 1px solid #e0211a;}*/


.dianhua{width: 260px;height: 150px;position: absolute;z-index: 100;right: 80px;top:173px;background: #FFFFFF;border-radius: 5px;box-shadow:1px 1px 10px #c9c8c8;display: none;}
.dianhua p{height: 75px;line-height: 65px;}
.dianhua p span{display: inline-block;vertical-align: middle;margin-top: 12px;text-align: left;font: 20px "微软雅黑";margin-right: 10px;}

.poti{margin-top: 70px !important;}

.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px; background:#FFF}
.pagelist span.current{ background:#e0211a; color:#FFF; border-color:#e0211a; margin:0 2px;}
.pagelist a:hover{background:#e0211a; color:#FFF; border-color:#e0211a; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}

/*右边导航修改*/
.right-top{
	box-shadow: 1px 1px 8px #ccc;
	background: #fff;
	position: relative;
	z-index: 10;
}
.right-title{
	background: url(../Images/right-back.png)no-repeat center;
	background-size: cover;
	width: 125px;
	height: 56px;
	padding: 10px 0;
	cursor: pointer;
}

.right-title p{
	color: #fff;
	font-size: 16px;
}
.posi-right ul,.posi-right .code,.posi-right .call{
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
}
.posi-right ul li{
	background: #E0211A;
	margin-bottom: 10px;
}
.posi-right ul li a{
	padding: 5px 0;
	color: #fff;
	font-size: 16px;
}
.posi-right .line{
	border-bottom: 1px solid#eee;
}
.posi-right .call span{
	color: #E0211A;
}
.posi-right .code img{
	width: 100%;
}
.gotop{
	padding: 10px;
	margin-top: 10px;
	background: #E0211A;
	color: #fff;
	display: none;
	cursor: pointer;
}
.gotop img{
	width: 26px;
}
.hide-content{
	position: absolute;
	top: 0;
	right: -262px;
	width: 385px;
	background: #fff;
	box-shadow: -1px 1px 1px #ccc;
    padding-bottom: 10px;
}
/*弹窗类型添加*/
.input-style {
    height: 36px;
    outline: 0;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 3px 10px;
    width: 100%;
    box-sizing: border-box;
}
.message-form .budget-list{
	width: 100%;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.message-form .budget-list li {
	width: 45%;
    padding: 5px 0;
	font-size: 14px;
	text-align: center;
	color: #333;
	background: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	line-height: 24px;
	margin-bottom: 10px;
	cursor: pointer;
}
p.label-msg{
	text-align: left;
}
.message-form .budget-list li a{
	color: #333;
	font-size: 15px;
	padding: 0;
}
.budget-list li.active{
	border: 1px solid #FF5454;
}

.budget-list li.active a{
	color: #FF5454;
}
#middle-msg .mask-content{
    height: 580px;
}