/*头部header*/
.header-wrap{ width: 100%; height: 90px; background: #e9a820;}
.header{height: 90px; line-height: 90px; width: 100%;max-width: 1200px; margin: 0 auto; position: relative;}
.logo{float: left; height: 100%; }
.logo a{ display: block; height: 100%; }
.logo a:before{ content: ""; visibility: hidden; height: 100%; width: 0; display: inline-block; vertical-align: middle;}
.logo a img{ vertical-align: middle;}
.today,.sethome a,.headtel{ font-size: 18px; color: #fff;} 
.today,.sethome{ margin-left: 85px;}
.headtel{ margin-right: 10px;}
.sethome img{ margin-top: -6px; margin-right: 5px;}
.headtel img{ margin-top: -3px;}

/*导航*/
.navbar{height: 82px; line-height: 82px; width: 100%;max-width: 1200px; margin: 0 auto; position: relative;}
.navlist  { padding-right: 210px;}
.navlist li{ float:left; margin: 0 15px;}
.navlist li.active a{ color: #bb3756; }
.navlist li a{ display: block; color: #272727; font-size: 18px; }
.navlist li a:hover{color: #bb3756;}
.nav_btn{ display: none; float: right; margin-right: 10px; vertical-align: middle; background: url(/Public/Img/fojiao/nav_btn.png) no-repeat; width: 40px; height: 40px; cursor: pointer; margin-top: 20px; }
.searchbox{ position: absolute; width: 194px; height: 38px; right: 10px; top: 20px;}
.searchbox .searchtxt{ width: 100%; height: 37px; text-indent: 10px; font-size: 14px; background:url(/Public/Img/fojiao/searchbox-bg.png) no-repeat;}
.searchbox .searchbtn{ width: 34px; height: 37px; position: absolute; right: 0; top: 0; background: url(/Public/Img/fojiao/searchbtn.png) no-repeat center center;}

/*footer底部*/
.footer-wrap{ width: 100%; background: url(/Public/Img/fojiao/introduction-bg.png) repeat;}
.footer{width: 100%;max-width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.footer .title{ font-size: 24px; color: #bb3756; padding-top: 10px; padding-bottom: 15px;}
.contact{ width: 50%; float: left; padding-left: 35px;}
.contact p{ line-height: 30px; color: #fff; font-size: 18px;}
.links{ width: 50%; float: left; padding-left: 35px;}
.links ul{ width: 300px;}
.links ul li{ width: 125px; float: left; margin-top: 5px;}
.links ul li a{ font-size: 18px; color: #fff;}
.links ul li a:hover{ color: #bb3756;}
.bottom-wrap{ width: 100%; line-height: 45px; position: relative;}
.bottom-wrap .mask{ position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.53;filter:alpha(opacity=53); z-index: 1;}
.bottom{ width: 100%; line-height:45px; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
.bottom span{float: left; color: #fff; font-size: 18px;}
.bottom .firstspan{ margin-left: 20px;}
.bottom .secondspan{ margin-left: 20px;}
.bottom .thirdspan{ margin-left: 120px;}
.bottom .lastspan{ float: right; margin-right: 20px;}

.floating{ width: 218px; height: 220px; position: fixed; z-index: 999; right: 0; top: 50%;}
.floating img{ width: 100%; height: 100%;}



@media only screen and (max-width: 1200px) {
	.sethome{ display: none;}
	.navlist li{ margin: 0 7px;}
}
@media only screen and (max-width:992px) {
	.today,.headtel{ display: none;}
	.nav_btn { display: block;}
	.navbar{ display: none; position: absolute; top: 90px; height: auto; background: #f0f0f0; margin: 0; z-index: 9999;}
	.navlist{ padding-right: 0; padding-top: 40px;}
	.navlist li{ width: 100%; margin: 0; border-bottom: 1px solid #ccc; line-height: 40px;}
	.navlist li a{ margin: 0 20px;}
	.searchbox{ right: auto; top: 0; width: 100%; height: auto; padding: 4px 0; background: #fff; }
	.searchbox .searchtxt{ width: 98%; margin-left: 1%; background:none; border: 1px solid #ccc; border-radius: 3px;}
	.searchbox .searchbtn{ right: 1%;}
}
@media only screen and (max-width:768px ) {
	.logo{ width: 60%;}
	.logo img{ width: 100%;}
	.notice-txt{ padding: 0 10px;}
	.contact,.links{ width: 100%;}
	.bottom span{ float: none; display: block; line-height: 30px; }
	.bottom .thirdspan{ margin-left: 20px;}
	.bottom .lastspan{ float: none; margin-left: 20px;}
	.floating { width: 100px; height: 100px; }
}
@media (min-width: 768px){
	
}