/* CSS Document */
/*公共样式*/
body{
	width:100%;
	 margin:0 auto;
	 padding:0; 
	 background-color:#fff; 
	 color:#000;
	 font-size:14px
}
ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
li{ list-style:none;}
a{ text-decoration:none; color:#484848}
a:hover{ text-decoration:none; color:#484848;}
/*固定宽度*/
.w-1200{margin:auto; padding: 0 5%;position: relative;max-width:1700px;}
/*清除浮动*/
.clearfloat::after{
	display:block;
	clear:both;	
	content:"";
	visibility: hidden;
	height: 0;
	zoom:1;
}

/*头部*/
.top{ position:relative;overflow:hidden;width:100%;height:40px;background:#e77817;line-height:40px;color:#fff;font-size:15px;}
marquee{width:300px; float:left}
.phone{width:158px;font-size:17px; float:right}
.phone img{padding:0px 2px 5px 0px;}

.nav-box{width:100%;height:100px; position:relative}
.logo{display:inline-block;}
.logo img{padding:5px 0px;}
.nav{float:right;}
.nav li{float:left;}
.nav a{display:block;width:120px; height:100px;text-align:center;line-height:88px; font-size:16px;}
.nav a:hover{background:#e77817!important;color:#fff}
.click{background:#e77817;color:#fff}
/*phone-nav*/
.phone-button{display:none;position: absolute;top:35%;right:2%;width:26px;height:26px;color: #000;}
.phone-nav{width:100%;height:auto;display:none;position: fixed; top:70px;left:0; padding:0 0 28px 0;background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);z-index: 99999;border-top:solid 1px #CCC; }
.phone-nav li {width:100%;height:auto; padding:7px 2%;text-align:left;font-size:1.6rem;}
.phone-nav > li > a {display:block; padding:12px 20px;border-bottom:1px solid #CCC;}

/*title and more*/
.title{margin:60px auto 30px auto; font-size:25px; color:#e77817; text-align:center; position: relative;font-weight:normal}
.title::after {
	content:" ";
	display:block;
	margin:10px auto auto auto;
	width:80px;
	height:2px;
	background:	#e77817;
}
.more{display:block;margin:20px auto;width:135px;height:32px;line-height:32px;text-align:center;border: solid 1px #c8c8c8;border-radius:10px;background:#FFF;}
.more:hover{background:#e77817; color:#FFF;border: solid 1px #e77817}

/*底部*/
footer{width:100%;height:170px;background:#615d5c;}
.footer-bottom{width:100%;height:40px;text-align:center;background:#33302f;line-height:40px;color:#fff}
.footer {padding:23px 0px;}
.footer li{ float:left;margin-right:60px; position:relative;}
.footer li a{ display:block; color:#fff;line-height:22px;color:#d8d8d8}
.footer li a:nth-child(1){ font-size:15px; font-weight:550;margin-bottom:15px;color:#fff}
.footer li a img{display:inline-block; padding:0px 5px 0px 0px ;}
.footer li a:hover{ color:#e77817}

/*手机底部按钮*/
.mfoot{display:none;width:100%; height:auto; margin:0 auto;background: rgba(0,0,0,.8);position:fixed; z-index:900; bottom:0;}
.mfoot-li{width:25%;float:left;}
.mfoot-li a{display:block;width:100%;text-align:center;font-size:14px;color:#FFF;}
.mfoot-li a p{line-height:18px; text-align: center;}
.mfoot-li a img {width:30px;vertical-align:middle;}
/*返回顶部按钮*/
.backtop{width:36px; height:36px; position: fixed; bottom:60px; right: 10px; display: none; z-index:999;background:rgba(0,0,0,0.4);border-radius: 50%}
.backtop a{display: block;width:36px; height:36px;margin: 0 auto;text-align: center;line-height: 46px;}
.backtop i{color: #fff}

/* 媒体查询 */
@media (max-width:1300px) {

}
@media (max-width:991px){
    .w-1200{
        padding: 0 2%;
    }
    .nav,.top,footer{
        display: none;
    }
    .phone-button, .mfoot{
        display: block;
    }
    .nav-box {
   		height: 70px;
	}
	.logo{
		width: 50px;
	}
	.logo img {
		width: 100%;
    	padding: 8px 0px;
	}
	.footer-bottom{margin-bottom: 60px;}
}
@media (max-width:767px) and (min-width:320px) {
  
}