﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.foot .main{ width:90%; height:auto; }
	
	.foot{width:100%; height:auto; color:#fff; background:#f0f0ee; padding-bottom:30px; overflow:hidden; margin-top:60px; background:linear-gradient(to bottom,#dc7f04,#3c2301);}
	.foot a{color:#fff}
	.foot a:hover{ color:#ffd297}
	
	.foot h6{font-size:18px; font-weight:bold; text-transform:Capitalize; color:#f38c04; position:relative;}
	.foot h6:before{content: ""; width:40px; height:3px; background-color:#f38c04; position:absolute; left:0; top:30px}
	
	/*logo_tel*/
	.logo_tel{margin-top:50px; overflow:hidden;}
	.logo_tel .l{width:100%; height:auto}
	.logo_tel .l img{max-width:100%; height:auto}
	
	.logo_tel .r{width:100%; height:auto; margin-top:30px}
	.logo_tel .r .span1{ display:block; color:#FFF; font-size:18px; font-weight:600; background:url(../images/span_tel.png) no-repeat left center; padding-left:33px}
	.logo_tel .r .span2{display:block; color:#FFF; font-size:18px; font-weight:600; background:url(../images/span_mail.png) no-repeat left center; padding-left:33px; margin-top:15px}
	
	.iShare{display:block; margin-top:20px}
	.iShare a{ margin-right:12px}
	.iShare img{transition: transform 0.5s ease;}
	.iShare img:hover{transform: translateY(-5px);}	
	
	/*三大块盒子*/
	.foot_box{margin-top:50px; overflow:hidden}
	.foot_box .div1{width:100%; height:auto;}
	.foot_box .div2{width:100%; height:auto; margin-top:40px; font-size:0.14rem; line-height:0.26rem;}

	.foot_box .div1 div{width:100%; height:auto; text-align:left;}
	.foot_box .div1 div+div{ margin-top:30px}
	
	/*列表*/
	.foot_ul{width:100%; height:auto; margin-top:20px}
	.foot_ul li{line-height:27px;}
	.foot_ul li a{display:block;}
	
	/*最底部*/
	.foot_text{margin-top:40px; padding-top:20px; padding-bottom:10px; text-align:center}
	.foot_text span{display:block; line-height:30px; font-size:0.12rem}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.foot{width:100%; height:auto; color:#fff; padding-bottom:60px; overflow:hidden; margin-top:60px; background:linear-gradient(to bottom,#dc7f04,#3c2301);}
	.foot a{color:#fff}
	.foot a:hover{color:#ffd297}
	
	.foot h6{font-size:18px; font-weight:bold; text-transform:Capitalize; color:#f38c04; position:relative;}
	.foot h6:before{content: ""; width:40px; height:3px; background-color:#f38c04; position:absolute; left:0; top:35px}
	
	/*logo_tel*/
	.logo_tel{margin-top:100px; overflow:hidden;}
	.logo_tel .l{ float:left; width:35%; height:auto}
	.logo_tel .l img{max-width:100%; height:auto}
	
	.logo_tel .r{ float:right; width:60%; height:auto; text-align:right}
	.logo_tel .r .span1{ color:#FFF; font-size:18px; font-weight:600; background:url(../images/span_tel.png) no-repeat left center; padding-left:33px}
	.logo_tel .r .span2{ color:#FFF; font-size:18px; font-weight:600; background:url(../images/span_mail.png) no-repeat left center; padding-left:33px; margin-left:40px}
	
	.iShare{ margin-left:50px}
	.iShare a{ margin-right:12px}
	.iShare img{transition: transform 0.5s ease;}
	.iShare img:hover{transform: translateY(-5px);}	
	
	/*三大块盒子*/
	.foot_box{margin-top:100px; overflow:hidden;}
	.foot_box .div1{float:left; width:60%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
	.foot_box .div2{float:right; width:30%; height:auto; font-size:14px; line-height:26px;  }

	.foot_box .div1 div{width:100%; height:auto; text-align:left;}
	.foot_box .div1 div+div{margin-left:10px;}

	/*列表*/
	.foot_ul{width:100%; height:auto; margin-top:40px}
	.foot_ul li{line-height:30px;}
	.foot_ul li a{display:block;}
	
	/*最底部*/
	.foot_text{width:100%; height:auto; margin-top:40px; padding-top:20px; text-align:center}
	.foot_text span{ line-height:50px; display:inline-table}
	.foot_text span+span{ margin-left:40px}
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:99; background-color:#dc7f04; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:33.3333%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#c37003; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(3):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */