public.css 4.4 KB
/*公共样式*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
	margin: 0;
	padding: 0
}
fieldset,img {
	border: 0
}
img {
	display: block
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal
}
ul,ol {
	list-style: none }
input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "SimSun","宋体"
}
input::-moz-focus-inner {
	border: 0;
	padding: 0
}
select,input {
	vertical-align: middle
}
select,input,textarea {
	
	margin: 0
}
input[type="text"],input[type="password"],textarea {
	outline-style: none;
	-webkit-appearance: none
}
textarea {
	resize: none
}
table {
	border-collapse: collapse
}
a{
	text-decoration:none;
}
/*公共样式*/



@media(min-width:768px){
	.navbar{
		display: none;
	}
}
/*header*/

.header{
	width:100%;
	height:70px;
	background: #2C82E6;
}
.header_content{
	position: relative;
	width:1180px;
	height:70px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
}
.header_1{
	position: absolute;
	z-index: 9999;
	width:152px;
	height:88px;
	background:rgba(14,89,175,1);
}
.header_nav ul{
	width:600px;
	display: flex;
	margin-left:252px;
}
.header_nav ul li{
	width:20%;
	height:70px;
	line-height:70px;
	text-align: center;
}
.header_nav ul li:hover{
	background: white;
}
.header_nav ul li:hover a{
	color:rgba(44,130,230,1);
	text-decoration: none;
}
.header_nav ul li a{
	width:100%;
	height:70px;
	color: white;
	display: block;
	font-size:20px;
	font-family:MicrosoftYaHei;
	font-weight:400;
}
.header_nav .active{
	background: white;
}
.header_nav .active a{
	font-size:20px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(44,130,230,1);
}
.search{
	width:224px;
	height:28px;
	margin-left: auto;
	margin-top:18px;
}
.search form{
	position: relative;
}
.search form button{
	position: absolute;
	left: 10px;
	width:30px;
	height: 30px;
	border: 0;
	background:none;
	outline: none;
	background-position:0px center;
	background-repeat: no-repeat;
	background-image: url(../images/sousuo.png);
}
.search input{
	width:184px;
	height:28px;
	color: white;
	font-size:16px;
	padding-left:40px;
	background-repeat:no-repeat;
	background:rgba(44,130,230,0);
	border:1px solid rgba(255, 255, 255, 1);
	border-radius:14px;
}
.search input::-webkit-input-placeholder {
	font-size:16px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(255,255,255,1);
}
/*banner*/
.banner{
	width:100%;
	overflow: hidden;
	position: relative;
}
.banner img{
	width:100%;
}
.banner_txt{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	margin: auto;
	width:422px;
	height:220px;
}
.banner_txt1 p{
	width:410px;
	height:40px;
	font-size:26px;
	cursor: pointer;
	font-family:BDZYJT--GB1-0;
	font-weight:normal;
	color:rgba(44,130,230,1);
	text-align: center;
	border-bottom:1px solid #FFFFFF;
}
.banner_txt1 h1{
	font-size:104px;
	cursor: pointer;
	font-family:BDZYJT--GB1-0;
	font-weight:normal;
	color:rgba(255,255,255,1);
}
.banner_bottom{
	width:316px;
	position: absolute;
	bottom:10px;
	left: 0;
	right:0;
	margin: auto;
}
.banner_bottom ul{
	display: flex;
	display: -webkit-flex;
}
.banner_bottom ul span{
	width:100px;
	height:4px;
	opacity:1;
	margin-right:18px;
	border-radius:0;
	background:#4C4D4C;
}
.swiper-pagination-bullets{
	bottom:18px;
}
.banner .banner_bottom .swiper-pagination-bullet-active{
	background-color:#2C82E6;
}
/*footer*/
.footer{
	width: 100%;
	height:33px;
	background:#2C82E6;
}
.footer p{
	cursor: pointer;
	font-size:14px;
	line-height:33px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	text-align: center;
}

@media(max-width:768px){
	.header{
		display: none;
	}
	.navbar{
		display: block;
		margin-bottom: 0px;
		border:0;
		background-color:#2C82E6; 
	}
	.navbar a{
		text-decoration: none;
	}
	.navbar .logo_name{
		color: white;
		cursor: pointer;
		margin-left: 10px;
		font-size:18px;
		line-height:50px;
	}
	.nav li a{
		color: white;
	}
	.navbar-default .navbar-nav>li>a{
		color: white;
	}
	.navbar-default .navbar-nav>.active>a{
		color: #2C82E6;
		background-color: white;
	}
	.banner_txt{
		top:0px;
		width: 218px;
		height:56px;
	}
	.banner_txt1 p{
		width: 217px;
		height: 25px;
		font-size: 14px;
	}
	.banner_txt1 h1{
		text-align: center;
		font-size:22px;
	}
	.swiper-pagination-bullets{
		bottom: 0px;
	}
	.banner_bottom ul span{
		width: 29px;
		height: 2px;
		margin-right: 7px;
	}
	.swiper-slide{
		width:100%;
	}
	.banner_bottom{
		width: 100px;
	}
}