@import url("base.css");

a {color: #444;}
a:hover {color: #c42427;}
.container{width: 100%; margin: 0 auto; max-width: 1430px;}

body{
  background: #fcf9f8;
	font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
	font-size: 16px; font-size: 1.6rem;
	color: #444;
}
.header{background: url("bg_banner_60th.jpg") no-repeat center 50px #fff;}
.navtop{padding: 0 10px; line-height: 2; font-size: 14px; font-size: 1.4rem; float: right;}
.navtop li{display: inline-block;	padding-left: 6px;}
.navtop li a{color: #fff;}
.navtop li a:hover{color: #c42427;}

.search-model{position:absolute; background-color:rgba(34,54,175,0.9); width:100%; display:none; top:-8px; left:0; z-index: 100}
.search-model form{overflow:hidden}
.search-box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search-ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px; caret-color:#fff; -webkit-appearance:none;outline:none; padding:0;}
.search-sub{ background:url(ico_search-m_white_cebsitpe.png); width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search-close{float:right;margin:20px; cursor:pointer;}
.search-ipt::-webkit-input-placeholder{color: #8dbefb;} 
.search-ipt:-moz-placeholder{color: #8dbefb;} 
.search-ipt::-moz-placeholder{color: #8dbefb;} 
.search-ipt:-ms-input-placeholder{color: #8dbefb;}

a.icon{display: none;}

.search{float:right; margin-top: 12px; width: calc(100% * 0.25 - 60px); background: #ffffff; border-radius: 8px; height: 42px; line-height: 42px;margin-left: 60px;}
.search input{color: #b0b0b0; border: 0 none; height: 42px; line-height: 40px; float: left; padding: 0 0 0 10px; font-size: 15px; font-size: 1.5rem; width: calc(100% - 46px);}
.search .btn-search{float: right; background: url(ico_search_blue.png) no-repeat 50% 50%; width: 40px;}

.footer{padding: 15px 0 20px 0; background:url("bg_footer_60th.jpg") no-repeat center top #b61d1e; }
.footer p{line-height: 1.6; font-size: 14px; font-size: 1.4rem; color: #fff; margin: 3px 0;}
.footer a{color: #f4caca;}
.footer a:hover{text-decoration: underline;}
.footer img{width: auto;}
.footer-logo{float:left; width: calc(100% * 0.3); padding: 20px 0 10px 0;}
.footer-m{float:left; width: calc(100% * 0.5); padding: 15px 0 0 0;}
.conac{float:right; width: calc(100% * 0.2); padding: 25px 0 0 0; text-align: right;}
.conac img{float: left; padding-left: 10px; max-width: 80px;}


@media screen and (max-width:768px){
	.container{padding: 0;}
	
	.header{background-position-y: 54px;}
	.footer-logo{  text-align: left; padding:20px 0 25px 60px;}
	.footer-m{float:none; width: 100%; padding: 0 20px;}
	.conac{padding: 25px 0 0 0;}
}
/*手机总体*/
@media screen and (max-width: 1023px) {
	.search{display: none;}
	.search img{width: auto; height: auto; }	
	
	.footer-logo{width: calc(100% / 2); padding: 20px 0 px 0;text-align: center;}
	.conac{width: calc(100% / 2); padding: 20px 0 44px 0; text-align: center;}
}
/*pc总体*/
@media screen and (min-width: 1024px) {
	.index-main{margin-top: -54px;}
}

/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
	.header{background-position-y: 0;}
	.index-main{margin-top: 0;}
	.navtop{display: none; margin-top: 25px;	background: rgba(34, 54, 175, 0.8);}
	.navtop li{border-bottom: 1px solid #fff;}
	.navtop li:last-child{border-bottom: none;}
	a.icon{	float: right;	display: block;	padding: 5px 10px; }
	a.search-m{padding: 6px 2px 0 0;display: inline-block;}
	.navtop.responsive{
		position: absolute;
		display: block;
		right: 0; top:20;
		z-index: 99;
	}
	.navtop.responsive li{
		display: block;
	}
	.navtop.responsive li a{float: none; display: block; text-align: left; color: #fff; padding: 3px 0;}
	.navtop.responsive .line{
		display: none;
	}
	.menuico{
		float: left;
		background:url(navbar_toggle.png) 0 0 no-repeat;
		width:34px;
		height:34px;
	}
	.navtop.responsive li .search{display: none;}
	
	.search-box{margin:50px 20px 50px;}
  
  .conac{padding: 20px 0 34px 0; }
}
/*ipad*/
@media screen and (min-width:769px) and (max-width: 1025px) {
	.logo{padding: 10px 10px 25px;}
	.search-box{margin:80px 60px 90px;}
}
/*1280 1366*/
@media screen and (min-width: 1026px) and (max-width: 1367px) {

}