/*样式初始化*/
html{overflow:auto;overflow-y:scroll;height:100%; }
body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color: #1951ae}
a:active{text-decoration:none;color: #1951ae}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}
img{max-width: 100%;}
.right{ float: right; }

.navbar{background:none;margin:0; }
.navbar-default{border:none;}
.navbar-collapse{max-height: 100%!important;}
.container-fluid{padding:0;}
.tz-gallery{padding:0 2%; width: 95%;}
/*header*/
.header{overflow: hidden;position: fixed;z-index: 999;top:0;}
.header .navbar{float: left;}
.h-top{background: #f6f4f4;float: left;width:100%;color: #666666;line-height: 36px;}
.h-top h1{float: left;color: #666;width:100%;overflow: hidden;font-size: 14px;height: 30px;line-height: 30px;}
.h-top .tel{display: none;float: right; color: #666;}
.h-top .tel1{display: none;float: right;}
.h-mid{width:100%;float: left;background: #ffffff;padding:10px 0;}
.h-tel{float: right;display: none;}
#h-nav{width:100%;background: #ff7d01;line-height: 60px; }
#h-nav{float: left;padding:0; }
#h-nav  a{color: #fff;text-align: center;display: inline-block;height: 60px;padding:0;width:100%;}
#h-nav  a:hover{color: #ff9900;}

@media(min-width: 768px){
	.header{position: relative;}
	.h-top h1{width:50%;}
	.h-top .tel1{display: block;}
	.h-tel{display: block;}
	.h-mid{padding:35px 0;}
	#h-nav{width:100%;float: left;font-size: 16px;overflow: hidden;display: block;}
	
	#h-nav a{width:20%;float: left;}
	#h-nav a:hover{color: #ffffff;background: #232323;}
}

@media (min-width: 992px){
	.header .navbar{float: left;}
	.h-top span{width:500px;}
	.h-top .tel{color: #666;display: block;}
	.h-top .tel1{display:none;}
	.h-top a{color: #666;font-size: 14px; margin:0 5px;}
	.h-top a:hover{color: #8f8f8f;color: #ff9900}
/*	.h-tel{margin: 5px 0;}*/
	#h-nav a{width:10%;float: left;}
	
}

/*banner*/
.banner{width:100%;float: left;overflow: hidden;margin-top: 100px; }
.banner .swiper-slide img{width:100%;height: auto;}

@media(min-width:768px){
	.banner{margin-top:0px }
}


/*m-pro*/
.m-pro{width:100%; margin-top: 10px;overflow: hidden; padding-bottom: 20px;background-size: 100% 100%;}
.m-pro-hd{width:100%;overflow: hidden;margin-top: 30px; text-align: center;}

.m-pro-hd .fenlei a.all:hover,.m-pro-hd .fenlei li a:hover{background: #ff7d01;color: #ffffff;}
.m-pro-hd .fenlei{width: 100%; float: left;}
.m-pro-hd .fenlei a.all{ float: left; width: 80px;text-align: center;padding:10px 0px;font-size: 16px;background: #ff7d01;color: #ffffff; display:inline-block;overflow: hidden;border-radius: 30px;  margin:30px 15px 5px; }



.m-pro-hd .fenlei li a{ text-align: center;padding:10px 25px;font-size: 16px;background: #ffffff;color: #333333; display:inline-block;overflow: hidden;border-radius: 30px;  margin:30px 5px 5px; float: left;}
@media (min-width: 1200px){
	.m-pro-hd .fenlei li a{ margin:30px 15px 5px;}
	}
	@media (min-width: 992px){
	.m-pro-hd .fenlei li a{ margin:30px 15px 5px;}
	}
	@media (min-width: 768px){
	.m-pro-hd .fenlei li a{ margin:30px 15px 5px;}
	}
.m-pro-hd h1{ float:left;}
.m-pro-hd span{ float:right; width: 120px; height: 30px; background-color: #ff7d01; display: block; color: #ffffff; line-height: 30px;}
.m-pro-bd{margin-top:15px;width:100%;overflow: hidden;}

.cpgd { width: 100%margin: 0 auto; overflow: hidden; }
.cpgd li {float:left;   display:inline;  font-weight:bold; line-height:68px; }
.cpgd li img{width: 100%; margin-top: 25px;object-fit: cover;}

.cpgd li h1 {width: 100%; height: 68px; color:#555;font-size: 16px; border-bottom: solid 1px #777676; line-height: 68px;transition:all .6s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cpgd li a:hover h1 {color:#ffffff; text-align: center;  background: #ff7d01 url();  border: none;}
@media (min-width: 1200px){


}
@media (min-width: 992px){

	
}
@media (min-width: 768px){
	.cpgd li h1 {background: url(../Image/arrow.png) right no-repeat; }
	}
/*.m-ad*/
.m-ad{width: 100%; background-color: #ff7d01; }
.m-ad .tel{ font-weight: 700;   font-size: 30px; color: #ffff;}

/*m-com*/
.m-com{width:100%; overflow: hidden;}
.m-com-left{ height:250px; background: url(../Image/com-pic.jpg) right center no-repeat;  padding:0 0px;background-size: 100% auto}
.m-com-right{background-color: #ff7d01; padding-bottom: 63px;  overflow: hidden;}
.clear1{padding: 0px 0px;}
@media (min-width: 1200px){
	.clear{padding-right:0px!important;  }
	.clear1{padding-left:0px!important; }
	
}
.m-com-right h1{padding-top: 38px; margin-left: 20px; width:90%;}
.m-com-right p{ width: 90%; font-size: 16px; color: #fff; margin-top: 26px; line-height: 32px;  margin-left: 30px;}
@media(min-width: 992px){
	.m-com-left{ height: 550px;background-size: auto; }
	.m-com-right p{height: 220px;overflow: hidden;}
}
@media (min-width: 1200px){
	.m-com-right p{ width: 63%; }
	.m-com-right{padding-bottom: 55px;}
	
}
.m-com-right ul {width: 100%; margin-left: 10px;margin-top: 5px;}
.m-com-right ul li{width: 123px; height: 123px; float: left; margin-right: 10px; margin-top: 20px;}
.m-com-right li img{transition:all .5s;}
.m-com-right li:hover img{transform:rotate(360deg);}
@media (min-width: 1200px){
	.m-com-right ul{  margin-left: 30px;}
.m-com-right ul li{width: 123px; height: 123px; float: left; margin-right: 40px; margin-top: 20px;}
	
}
@media (min-width: 992px){
	.m-com-right ul{  margin-left: 30px;}
.m-com-right ul li{width: 123px; height: 123px; float: left; margin-right: 40px; margin-top: 20px;}
	
}
@media (min-width: 768px){
	.m-com-right ul{  margin-left: 30px;}
.m-com-right ul li{width: 123px; height: 123px; float: left; margin-right: 40px; margin-top: 20px;}
	
}
/* 成功案例 */
.case-honor{width:100%;overflow: hidden; background-color: #fff9f9; padding-bottom: 30px;}
.case-honor .nav-tabs{
	padding:20px 0 0;
	border-bottom: 1px solid #cfcfcf;
}
.case-honor .nav>li:first-child:after{
	content: "/";
	font-size: 24px;
	color: #555555;
	margin:0 15px;
	display: inline-block;
	float: left;
	line-height: 24px;
}
.case-honor .nav>li>a{
	font-size: 24px;
	color: #555555;
	border-radius: 0;
	padding:0;
	border:none;
	line-height: 24px;
	text-align: center;
	float: left;
}
.case-honor .nav-tabs>li.active>a,.case-honor .nav-tabs>li.active>a:focus,.case-honor .nav-tabs>li.active>a:hover,.case-honor .nav-tabs>li>a:hover{
	font-weight: bold;
	background: none;
	border:none;
	border-bottom: 2px solid #ff7d01;
	padding-bottom: 20px;
	color: #ff7d01;
}
.case-honor .tab-content{position: relative;padding-top: 30px;}
.case-honor .tab-content .btn{position: absolute;top:-40px;right:0;color: #707070;}
.case-honor .tab-content .btn:hover{color: #164797;}
.case-honor .tab-content li{text-align: center;}
.case-honor .tab-content li .img{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.case-honor .tab-content li .img .zao{
	position: absolute;
	top:-100%;
	width: 100%;
	height: 100%;
	background: rgba(255,128,6,.78);
	transition: all .3s;
}
.case-honor .tab-content li .img .zao i{
	display: inline-block;
	width: 50px;
	height: 50px;
	
	margin: 20% auto 0;
}
.case-honor .tab-content li .img .zao h3{
	font-size: 14px;
	color: #ffffff;
	margin-top: 4%;
}
.case-honor .tab-content li img{object-fit:cover; width: 100%;}
.case-honor .tab-content li h1{
	width:100%;
	text-align: center;
	line-height: 46px;
	height: 46px;
	color: #555555;
	font-size: 14px;
	border-bottom: 2px solid #cfcfcf;
}
.case-honor .tab-content li:hover h1{border-color: #ff7d01;}
.case-honor .tab-content li:hover .img .zao{
	top:0;
}

/*.m-adv*/
.m-adv{width:100%; padding-top: 30px; background-color: #fff9f9; padding-bottom:60px;}
.m-adv-hd{width: 100%; overflow: hidden; text-align: center;}
.m-adv-bd{ width: 100%; margin-top: 2px; }
.m-adv-01{width:100%;float: left;}
.m-adv-01 h1{width: 100%; margin-top: 10px; background: url(../Image/adv-txt1.jpg) right 0px no-repeat;padding-bottom: 30px;}
.m-adv-01 h1 b{ color: #ff7d00;  font-size: 22px;}
.m-adv-01 p{width:100%; color: #b2aeae; font-size: 14px; margin-top: 20px; line-height: 28px; }
.m-adv-02{width:100%;float: left;}
.m-adv-02 h1{width: 100%; padding: 15px 0 20px; background: url(../Image/adv-txt2.jpg) right 15px no-repeat;}
.m-adv-02 h1 b{ color: #ff7d00;  font-size: 22px;}
.m-adv-02 p{width: 100%; color: #b2aeae; font-size: 14px; margin-top: 20px; line-height: 28px; }
.m-adv-03{width:100%;float: left;}
.m-adv-03 h1{width: 100%; margin-top: 0px; background: url(../Image/adv-txt3.jpg)top right no-repeat;padding-bottom: 30px;}
.m-adv-03 h1 b{ color: #ff7d00;  font-size: 22px;}
.m-adv-03 p{width: 100%; color: #b2aeae; font-size: 14px; margin-top: 20px; line-height: 28px; }

@media(min-width:768px){
	.m-adv{ padding-top: 50px;}
	.m-adv-bd{margin-top: 70px;}
}
@media(min-width:992px){
	.m-adv{ padding-top: 120px;}
	.m-adv-bd{margin-top: 70px;}
	.m-adv-01 h1{border-bottom:solid 3px #ff7d01;}
	.m-adv-02 h1{border-top:solid 3px #ff7d01;}
	.m-adv-03 h1{border-bottom:solid 3px #ff7d01;}
}
@media(min-width: 1200px){
	.m-adv{ padding-top: 120px;}
	.m-adv-bd{margin-top: 70px;}
	.m-adv-01 p.m-adv-02 p,.m-adv-03 p{width:80%;}
}


/*m-news*/
.m-news{width:100%;overflow: hidden;padding:40px 0;}
.m-news-hd{width:100%;overflow: hidden; text-align:center;}

@media(min-width:992px){
	.m-wd{margin-top:0;}
	.m-wd-bd li p{line-height: 22px}
	.m-new01{padding: 0px;}
}
@media(min-width:1200px){
	.m-wd-bd li p{line-height: 27px}
}
.m-news-bd{width: 100%; margin-top: 20px;}
.m-news-bd li { float: left; margin-top: 20px;  }
.news-p-pic{width: 100%;}
.news-p-pic img{object-fit: cover;}
.news-p-txt{width: 100%; margin-top: 10px; border-bottom: solid 2px #cfcfcf;  background: url(../Image/arrow-icon.png) top right no-repeat; padding-bottom: 20px;}
.news-p-txt h1{ font-size: 18px; color: #333; line-height: 35px;height: 35px;overflow: hidden; width:90%;}
.news-p-txt span{color: #999; font-size: 14px; }
.news-p-txt p{ color: #999; font-size: 14px; margin-top: 10px; line-height: 26px; }
.news-p-txt:hover{background: url(../Image/new-icon2.png) top right no-repeat; border-bottom: solid 2px #ff7d01; }
/*frindlink*/
.frindlink{width: 100%; margin:0px 0px 20px 0px; overflow: hidden;}
.frindlink h1{ float: left; width: 150px; }
.frindlink p{ float: left; line-height: 48px;}
.frindlink p a{ margin:0px 10px; color: #333; font-size: 16px;}
/*footer*/
#footer{ 
width: 100%;
	padding:0rem 0 6rem;
	background: #000207;
	text-align: center;
	overflow: hidden;
}
@media(min-width:992px){
	#footer{padding:3.8rem 0 3rem;}
}
@media(min-width:1200px){
	#footer{padding:3.8rem 0 3rem;}
}
@media(min-width:768px){
	#footer{padding:3.8rem 0 3rem;}
}


#footer a{
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4rem;
}
.f-copy{margin-top: 1.8rem;}
.f-copy p{
	font-size: 1.4rem;
	color: #717173;
}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
	.footer p{color: #b4b4b4;margin:20px 0 40px;}
	.down{display: none;}
}


@media(min-width: 992px){
	.footer ul a{width:18.8%;}
	.f-con li{text-align: left;}
}
.f-mid{width: 100%;  background: #303030; margin-top: -50px; overflow:hidden; padding-top: 100px; padding-bottom: 30px;}
.f-mid h1{font-size: 16px; color: #fff; margin-bottom: 20px;}
.f-mid p{ color: #6c6c6c; line-height: 30px; }
.f-bottom{background: #000000; overflow: hidden; padding: 15px 0px; font-size: 12px; color: #fff; margin-bottom: 50px;}
.f-bottom .left{float: left;}
.f-bottom .left a{margin:0px 10px; color: #fff;}
.f-bottom .right{text-align: center;}
@media(min-width: 992px){
	.f-bottom{margin-bottom:0px;}
	.f-bottom .right{float: right; text-align: right;}

}
@media(min-width: 768px){
	.f-bottom{margin-bottom:0px;}
}

/*sidebar*/
#lf_lxwm {
    margin-top: 30px;
    background: #232323;
    padding: 30px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #ccc;
    width: 100%;
    overflow: hidden;
}

#lf_lxwm big {
    display: block;
    margin: 10px 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

#lf_lxwm ul li {
    color: #fff;
    line-height: 30px;
    font-size: 15px;
}

#lf_lxwm ul li a {
    color: #fff;
}

#lf_lxwm ul li a:hover {
    color: #f00;
}

/*list-banner*/
.list-banner{width:100%;float: left;padding:80px 0 60px;max-height: 357px;overflow: hidden;background: url(../Image/l-banner.jpg) center no-repeat;margin-top: 100px; }
.list-banner  h1{width:100%;text-align: center;color: #ffffff;font-size: 28px;}
.list-banner  h2{width:100%;text-align: center;color: #ffffff;font-size: 30px;text-transform : uppercase;margin-top: 10px;}
@media(min-width: 768px){
	.list-banner{padding:110px 0;overflow: hidden; margin-top: 0}
	.list-banner  h1{font-size: 34px;}
	.list-banner  h2{font-size: 50px;}
}
@media(min-width: 992px){
	.list-banner{padding:130px 0;}

}

/*sidebar*/
.sidebar{width:100%;overflow: hidden;}
.s-hd{width:100%;float: left;background: #ff7d01;color: #ffffff;font-size: 20px;padding:35px 0px;}
.s-bd{width:100%;float: left;background: #ffffff;padding:15px 15px 30px;box-sizing: border-box;border-left:solid 1px #ff7d01;border-right:solid 1px #ff7d01; overflow:hidden;}
.s-bd li{width:100%;float: left;border: solid 1px #eaeaea;padding:10px 10px;margin-top:10px;}
.s-bd li a{width:95%;float: left;display: block;;overflow: hidden;color: #666666;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;}
.s-bd li span{width:5%;float: right;font-weight: bold;font-family: 宋体;color: #dfdfdf;}
.s-bd li:hover{background: #ff7d01;color: #ffffff;}
.s-bd li:hover a{color: #ffffff;}
.s-bd li:hover span{color: #ffffff;}
.s-con{width:100%;float: left;padding:25px;background: #ff7d01;color: #ffffff;}
.s-con h1{width:100%;float: left;font-size: 14px;}
.s-con h2{width:100%;float: left;font-size: 24px;font-weight: bold;margin-top: 5px;}
.glyphicon b{font-size: 27px;}


/*l-position*/
.l-position{width:100%;float: left;overflow: hidden;font-size: 14px;line-height: 30px;background: #ffffff; padding-top: 20px; }
.l-position .container{background: url(../Image/home.jpg) 10px center no-repeat; padding-left:35px;}
.l-position .container a{ color: #333; }
@media(min-width: 768px){
	.l-position{line-height: 30px;}
}

/*list*/
.list{width:100%;float: left;padding:0px 0 30px; overflow: hidden;  margin-top: 20px; }
.l-hd{width:100%;float: left;overflow: hidden;margin:30px 0;}
.l-hd li{float: left;overflow: hidden;}
.l-hd li a{overflow: hidden;width:100%;display: inline-block;border:solid 1px #ff7d01;color: #ff7d01;font-size: 16px;border-radius: 5px;text-align: center;height: 33px;padding:0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 33px;}
.l-hd li a:hover{background: #2b7ae8;color: #ffffff;}

.l-right{overflow: hidden;line-height: 260%; border:solid 1px #eeecec;  font-size: 16px; padding-bottom: 20px;}
.page{float: left;border-top:solid 1px #cccccc;width:96%;text-align: right; margin:1% 2%; }


.l-right .title{
    margin-bottom: 20px;
    height: 62px;
    line-height: 62px;

    overflow: hidden;
    background-color: #ff7d01;
 padding-left: 10px;
     padding-right: 10px;
}

.l-right .title strong{
    font-size: 24px;
    color: #ffffff;
    text-align: left;
}
.l-right .title strong span{
    font-size: 24px;
    color: #ffffff;
    text-align: left;

}
.l-right .title > span{
    font-size: 14px;
    height: 52px;
    color: #ffffff;
    background: url(../Image/ico-home.png) no-repeat left center;
    padding-left: 30px;

}
.l-right .title > span a{color:#fff;}
.l-right p{padding: 0px 20px;}
/*产品列表页*/
.side-pad{padding-left: 0px;}
.list-pad{ padding-right: 0px; }
.pro{overflow: hidden;float: left;width:100%; padding: 20px;}
.pro li {float:left;  display:inline;  font-weight:bold; line-height:68px; margin:0 0px;}


.pro li h1 {width: 100%; height: 68px; color:#555;font-size: 16px; border-bottom: solid 1px #777676; background: url(../Image/arrow.png) right no-repeat; line-height: 68px; margin-bottom: 20px;}
.pro li h1:hover {color:#ffffff; text-align: center;  background: #ff7d01 url();  border: none;}

/*产品内容页样式*/
.p-img{ width: 100%; padding: 5px 5% 15px 5%; text-align: center; color:#888787; font-size: 14px; }
.p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;}
.p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;}
.p-content{ width: 100%; margin: 0 auto;  overflow: hidden; padding: 0px 10px;}
.p-content .title{ width: 100%; height:35px;  overflow: hidden; background-color: #f0f0f0;}
.p-content .title h2{ width: 100px; text-align: center; height: 35px;  overflow: hidden; color: #fff; font-size: 15px; line-height: 35px; font-weight: 700; background: #ff7d01;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;}

/*新闻首页样式*/
.list-news{min-height: 100px;height: auto; margin-left: 2%; width: 95%;}
.list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;}
.list-news li span{float: right;}
.list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;}
.list-news li:hover{background-color: #eee;}

/* message styles */
.message{width:95%;float: left;overflow: hidden; margin-left: 2%; margin-bottom: 5%;}
.message ul{
	overflow: hidden;
}
.message li{
	float: left;
	margin:10px 0;
}
.message input {
	position: relative;
	display: block;
	float: left;
	padding:.5em;
	width: 100%;
	border: solid 1px #cccccc;
	border-radius: 0;
	background: #fff;
	color: #0075c5;
	font-weight: bold;
}
.message textarea {
	position: relative;
	display: block;
	float: left;
	padding:.5em;
	width: 100%;
	border: solid 1px #cccccc;
	border-radius: 0;
	background: #fff;
	color: #0075c5;
	font-weight: bold;
	resize:none;
}
.message textarea:focus {
	outline: none;
}
.message input:focus {
	outline: none;
}
.message #submit{
	
	height: 35px;
	line-height: 35px;
	padding:0;
    color: #fff;
    background: #ff7d01;
    cursor: pointer;
    -webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.message #submit:hover{
	background: #0075c5;
}


#prev_next li a{ color: #ff7d01; }


/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#ff7d01;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#ff7d01;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; }
.f-m-nav li{ float: left; width: 25%; text-align: center;}
.f-m-nav li a{ color: #fff;}