

.footer_bar{width:100%; height:auto; background:#3a3a3a; overflow:hidden; border-top:1px solid #666; position:relative;z-index:999;}
.footer_bar .top_bar{ width:100%;height:55px;overflow:hidden; background:url(../png/bg3.png) top center; border-bottom:1px solid #666;}
.footer_bar .top_bar .center_nav{ width:780px; margin:0 auto;overflow:hidden;}
.footer_bar .top_bar .center_nav .li{ float:left;display:block;padding: 0px 60px;color:#898989; line-height:55px; font-weight:300; } 
.footer_bar .top_bar .center_nav .li:hover{color:#eee;transition:0.3s;-webkit-transition:0.3s;}
.footer_bar .top_bar .center_nav .li img{width:30px; margin-top:10px;opacity:0.5;}
.footer_bar .top_bar .center_nav .li img:hover{opacity:1;transition:0.3s;-webkit-transition:0.3s;}
.footer_bar .center_box{width:800px; height:220px;margin:0px auto;padding:30px 30px 50px 30px;overflow:hidden;}
.footer_bar .center_box .fb_area{width:200px;position:relative;float:left; margin-left:20px;}
.footer_bar .center_box .fb_area .fb_box{width:180px;height:230px;overflow:hidden;border-radius:8px;position:relative;z-index:2; background-color:#3a3a3a;}
.footer_bar .center_box .fb_area .fb_box .fb-page{width:180px;height:230px;overflow:hidden;border-radius:8px; opacity:0.65;transition:0.3s;-webkit-transition:0.3s;}
.footer_bar .center_box .fb_area .fb_box:hover .fb-page{opacity:1;}
.footer_bar .center_box .fb_area .dot_bg2{width:180px;position:absolute;height:230px;top:15px;left:-15px;z-index:1; background:url(../png/dot_bg.png) ;border-radius:8px; }
.footer_bar .center_box .right_box{float:right;width:550px;overflow:hidden;margin-top:55px;}
.footer_bar .center_box .right_box .left_text{float:left;width:100px; font-size:28px; line-height:34px; text-align:center;font-family: 'Fjalla One', sans-serif;color:#5da4c6;padding:0px 0px 0px 0px; margin-top:25px;}
.footer_bar .center_box .right_box .icon_box{float:left; margin-left:35px; border-left:1px solid #666; padding:6px 0px 0px 30px;}
.footer_bar .center_box .right_box .icon_box .icon{overflow:hidden; margin-bottom:10px;}
.footer_bar .center_box .right_box .icon_box .icon img{float:left; display:block;width:22px; }
.footer_bar .center_box .right_box .icon_box .icon p{float:left;color:#898989; margin-left:20px; margin-top:5px;}
.footer_bar .center_box .right_box .icon_box .icon a{color:#898989;}
.footer_bar .center_box .right_box .icon_box .icon:hover p{color:#5da4c6; }

.footer_bar .botttom_bar{width:100%;padding:13px 0px;border-top:1px solid #666;}
.footer_bar .botttom_bar p{text-align:center;font-size:13px;color:#898989;}

.phone_footer{display: none;}
.footer_bar_mobile { display: none; }

@media screen and (min-width: 1800px){


	.footer_bar .top_bar{ width:100%;height:60px;}
	.footer_bar .top_bar .center_nav{ width:1120px; margin:0 auto;overflow:hidden;}
	.footer_bar .top_bar .center_nav .li{padding: 0px 91px;color:#898989; line-height:60px; font-weight:300;font-size:18px;} 
	.footer_bar .top_bar .center_nav .li:hover{color:#eee;transition:0.3s;-webkit-transition:0.3s;}
	.footer_bar .top_bar .center_nav .li img{width:36px; margin-top:10px;opacity:0.5;}
	
	.footer_bar .center_box{width:1100px; height:250px;margin:0px auto;padding:40px 30px 30px 30px; }
	.footer_bar .center_box .right_box{float:right;width:800px;overflow:hidden;margin-top:55px;}
	.footer_bar .center_box .right_box .left_text{float:left;width:180px; font-size:34px; line-height:43px; padding:0px 0px 0px 0px; margin-top:25px;}
	.footer_bar .center_box .right_box .icon_box{float:left; margin-left:28px; border-left:1px solid #666; padding:6px 0px 0px 60px;}
	.footer_bar .center_box .right_box .icon_box .icon{overflow:hidden; margin-bottom:10px;}
	.footer_bar .center_box .right_box .icon_box .icon img{float:left; display:block;width:27px; }
	.footer_bar .botttom_bar p{text-align:center;font-size:15px;}

	
}


@media screen and (max-width: 1799px) and (min-width: 1400px){


	.footer_bar .top_bar{ width:100%;height:60px;}
	.footer_bar .top_bar .center_nav{ width:920px; margin:0 auto;overflow:hidden;}
	.footer_bar .top_bar .center_nav .li{padding: 0px 71px;color:#898989; line-height:60px; font-weight:300;font-size:18px;} 
	.footer_bar .top_bar .center_nav .li:hover{color:#eee;transition:0.3s;-webkit-transition:0.3s;}
	.footer_bar .top_bar .center_nav .li img{width:36px; margin-top:10px;opacity:0.5;}
	
	.footer_bar .center_box{width:960px; height:250px;margin:0px auto;padding:40px 30px 30px 30px; }
	.footer_bar .center_box .right_box{float:right;width:700px;overflow:hidden;margin-top:55px;}
	.footer_bar .center_box .right_box .left_text{float:left;width:180px; font-size:34px; line-height:43px; padding:0px 0px 0px 0px; margin-top:25px;}
	.footer_bar .center_box .right_box .icon_box{float:left; margin-left:28px; border-left:1px solid #666; padding:6px 0px 0px 60px;}
	.footer_bar .center_box .right_box .icon_box .icon{overflow:hidden; margin-bottom:10px;}
	.footer_bar .center_box .right_box .icon_box .icon img{float:left; display:block;width:27px; }
	.footer_bar .botttom_bar p{text-align:center;font-size:15px;}

	
}

@media screen and (max-width: 1365px) and (min-width: 960px){


	

}
@media screen and (max-width: 959px) and (min-width: 700px){
			
	.footer_bar .center_box{width:660px; }
	.footer_bar .center_box .right_box{width:420px;overflow:hidden;}
	.footer_bar .center_box .right_box .icon_box{ padding:6px 0px 0px 30px;width:250px;}
	.footer_bar .center_box .right_box .icon_box .icon p{ margin-top:5px;width:60%;}

			
}

@media screen and (max-width: 700px) {

	.footer_bar { display:none; }
	.phone_footer{display:block;}
	.phone_footer{width:100%;background:#3a3a3a; overflow:hidden; border-top:1px solid #666;position:relative;z-index:999;}
	.phone_footer .top_bar{ width:100%;height:55px;overflow:hidden; background:url(../png/bg3.png) top center; border-bottom:1px solid #666;}
	.phone_footer .top_bar  img{width:30px; margin-top:10px;opacity:0.5; float:right; margin-right:15px;}
	.phone_footer .center_nav{width:280px;margin:0px auto; padding:18px 0px;}
	.phone_footer .center_nav .li{ display:block;padding:10px 0px;color:#898989; text-align:center; font-weight:300;}
	.phone_footer .icon_box{width:90%;padding:0px 0px 18px 0px;margin:0px auto; overflow:hidden;height:auto;}
	.phone_footer .icon_box .icon{width:100%;overflow:hidden; margin-bottom:8px;overflow:hidden;height:auto;}
	.phone_footer .icon_box .icon img{float:left; display:block;width:23px; }
	.phone_footer .icon_box .icon p{float:left;color:#898989; margin-left:20px; margin-top:5px;width:82%;display:block; }
	
	.phone_footer .botttom_bar{width:100%;padding:13px 0px;border-top:1px solid #666;}
	.phone_footer .botttom_bar p{width:90%; margin:0 auto; text-align:center;font-size:13px;color:#898989;}

	.footer_bar_mobile { display: none; width: 100%; padding: 0 6%; height: 50px; line-height: 50px; text-align: center; position: fixed; bottom: 0; background: #333; transform: translateY(0%); transition: all 0.3s; }
	.footer_bar_mobile.clicked { transform: translateY(100%); }
	.footer_bar_mobile a { display: block; width: 22%; font-size: 15px; float: left; color: #FFF; text-align: center; }

	
}

input[type=text] {-webkit-appearance: none;}
input[type=submit] {-webkit-appearance: none;}
input[type=email] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
