@import url("base.css");

a {color: #444;}
a:hover {color: #2236af;}
.container{width: 100%; margin: 0 auto; max-width: 117rem;/*1170*/}


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

.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;
}
.logo{
	padding: 10px 0 25px;
}


footer, .footer{background: #6d6e70; padding: 20px 0;}
footer img, .footer img{width: auto;}
footer p, .footer p{color: #fff; line-height: 1.6; font-size: 14px; font-size: 1.4rem;}
footer a, .footer a{color: #fff;}
footer a:hover, .footer a:hover{text-decoration: underline;}
.footer_logo{float:left; width: calc(100% / 12 * 3 - 40px); margin: 20px 0 0 40px;}
.footer_m{float:left; width: calc(100% / 12 * 7 - 50px); margin:15px 0 0 50px; }
.footer_img{float: right; width: calc(100% / 12 * 2 - 40px); margin: 15px 0 0 40px;}

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

}

/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
	.navtop{
		display: none;
		margin-top: 25px;
		background: rgba(34, 54, 175, 0.8)
	}
	.navtop li{
		border-bottom: 1px solid #fff;
	}
	.navtop li:first-child, .navtop li:last-child{
		border-bottom: none;
	}
	a.icon{
		float: right;
		display: block;
		padding: 5px 10px;
		color: #fff;
	}
	.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;
	}
	.navtop.responsive .line{
		display: none;
	}
	.menuico{
		float: left;
		background:url(menu_cebsitpe.png) 0 0 no-repeat;
		width:34px;
		height:34px;
	}
	.navtop.responsive li .search{display: none;}
	
	.search_box{margin:50px 20px 50px;}
	
	.footer_logo{float:left; width: calc(100% / 11 * 8 - 10px); margin: 10px 0 20px 10px;}
	.footer_m{float: none; width: 100%; margin: 5px 0 0 10px;}
	.footer_img{float: right; width: calc(100% / 11 * 3 - 10px); margin: 0px 0 10px 10px;}
	
}

/*ipad*/
@media screen and (min-width:768px) and (max-width: 1025px) {
	.logo{padding: 10px 10px 25px;}
	.search_box{margin:80px 60px 90px;}
	
	.footer_m{float: none; width: 100%;}
	.footer_logo, .footer_img{float: left; width: calc(100% /  2 - 80px); margin: 0 40px 15px;}
	.footer_logo{margin-top: 5px;}
}
/*1280 1366*/
@media screen and (min-width: 1026px) and (max-width: 1367px) {

}