@charset "utf-8";
*{
    margin:0;
    padding:0;
    list-style-type:none;
	font-family:"微软雅黑";
}
div{
    display:block;
}
body{
    font-family:"微软雅黑";
	font-size:13px;
    color:#333333;
}
a{
    color:#000000;
    text-decoration:none;
}
a:hover{
    color:#FF0000;
}
ul{
    list-style:none;
}

.header{
    width:100%;
	height:254px;
	background:url(../images/header_01.jpg) center top no-repeat;
}
.top{
    width:1200px;
	margin:0 auto;
}
.tb{
    overflow:hidden;
	height:60px;
}
.tb p{
    float:left;
	line-height:60px;
	color:#FFFFFF;
}
.tb p a{
    color:#FFFFFF;
}
.tb p a:hover{
    color:#fc6306;
}
.search{
    float:right;
	margin-top:10px;
}
.put1{
    width:240px;
	height:30px;
	background-color:#d2d2d2;
	line-height:30px;
	border-radius:25px;
	padding:0 10px;
	color:#666666;
	float:left;
	margin-right:5px;
}
.put2{
    width:33px;
	height:33px;
}
.logo{
    overflow:hidden;
	height:126px;
}
.top ul{
    overflow:hidden;
	width:910px;
	height:66px;
	margin:0 auto;
}
.top ul li{
    float:left;
	width:130px;
}
.top ul li a{
    font-size:15px;
	font-family:"微软雅黑";
	font-weight:bold;
	color:#000000;
	width:80px;
	height:30px;
	display:block;
	line-height:30px;
	margin:18px auto;
	text-align:center;
}
.top ul li a:hover{
    background-color:#003c7a;
	color:#FFFFFF;
}
    


/* banner */
.banner_bg{
    height:600px; 
	z-index:-10; 
	position:relative;
}
.banner{
    height:600px;
	overflow:hidden;
}
.banner .d1{
    width:100%;
	height:600px;
	display:block;
}
.banner .d2{
    width:100%;
	height:30px;
	clear:both;
	position:absolute;
	z-index:100;
	left:0px;
	top:580px;
}
.banner .d2 ul{
    float:left;
	position:absolute;
	left:50%;
	top:0; 
	display:inline; 
	margin:0 auto;
}
.banner .d2 li{
    width:17px;
	height:15px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/white.png) no-repeat center;
	float:left;
	margin:0 5px;
	display:inline;
}
.banner .d2 li.nuw{
    background:url(../images/red.png) no-repeat center;
}

.contain{
    width:100%;
}
.content{
    width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.products{
    margin-top:30px;
}
.protop{
    text-align:center;
}
.protop h1{
    font-family:"微软雅黑";
	font-size:24px;
	font-weight:bold;
	color:#fc6306;
	line-height:38px;
}
.protop p{
	font-size:14px;
	font-weight:bold;
	color:#999999;
	line-height:53px;
	height:53px;
	background:url(../images/protop_06.jpg) no-repeat center top;
}
.productsbox{
    overflow:hidden;
	margin-top:20px;
}
.fl{
    float:left;
	width:200px;
}
.fl li{
    height:40px;
	background-color:#fc6306;
	text-align:center;
	margin-bottom:16px;
}
.fl li a{
    color:#FFFFFF;
	font-size:18px;
	font-family:"微软雅黑";
	font-weight:bold;
	line-height:40px;
}
.fl li:hover{
    background-color:#014f9f;
}
/* marqueeleft */
.marqueeleft{
	width:980px;
	height:280px;
	overflow:hidden;
	float:right;
}
.product{
	/*float:left;*/
}
.marqueeleft li{
	float:left;
	margin:0 20px;
	display:inline;
	width:276px;
	height:280px;
	overflow:hidden;
}
.marqueeleft li .pic{
	display:block;
	width:274px;
	height:228px;
	overflow:hidden;
}
.marqueeleft li .pic img{
    width:274px;
	height:228px;
	border:#CCCCCC 1px solid;
}
.marqueeleft li .txt{
	text-align:center;
	height:50px;
	line-height:50px;
	font-size:18px;
}

.xian{
    margin:20px 0;
	height:10px;
	background-color:#d9edeb;
}

.box{
    overflow:hidden;
	background-color:#f0f0f0;
	margin-bottom:20px;
}
.about{
    width:410px;
	background-color:#FFFFFF;
	float:left;
	margin:15px 10px;
	padding:10px 0;
}
.btop{
    overflow:hidden;
	border-bottom:#bfbfbf 1px solid;
	height:30px;
}
.btop p{
    float:left;
	margin-left:10px;
	font-size:18px;
	font-family:"微软雅黑";
	font-weight:bold;
	color:#000000;
	line-height:30px;
}
.btop a{
    float:right;
	margin-right:10px;
	line-height:30px;
	color:#666666;
}
.btop a:hover{
    color:#fc6306;
}
.bup{
    margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
.bup img{
    margin-bottom:10px;
}
.bup p{
    text-indent:2em;
	line-height:26px;
}
.bup ul li{
    line-height:26px;
	overflow:hidden;
}
.bup ul li a{
    float:left;
}
.bup ul li span{
    float:right;
	color:#666666;
}
.news{
    width:390px;
	background-color:#FFFFFF;
	float:left;
	margin:15px 10px;
	padding:10px 0;
}
.contact{
    width:330px;
	background-color:#FFFFFF;
	float:left;
	margin:15px 10px;
	padding:10px 0;
}
.cp{
	font-size:18px;
	font-family:"微软雅黑";
	font-weight:bold;
	color:#000000;
	padding-left:10px;
	line-height:30px;
	border-bottom:#bfbfbf 1px solid;
	height:30px;
}
.contact p{
    line-height:30px;
	margin-left:10px;
	margin-top:10px;
}
.contact p span{
    color:#fc6306;
	font-size:16px;
	font-family:"微软雅黑";
	font-weight:bold;
}

.foot{
    width:100%;
	height:210px;
	background:url(../images/foot_06.jpg) center top no-repeat;
}
.footer{
    width:1200px;
	margin:0 auto;
}
.ftop{
    overflow:hidden;
}
.ftop p{
    line-height:60px;
	color:#FFFFFF;
}
.ftop p a{
    color:#FFFFFF;
}
.ftop p a:hover{
    color:#fc6306;
}
.fup{
    overflow:hidden;
	height:148px;
}
.fup p{
    margin:40px 0;
	line-height:24px;
	float:left;
	color:#FFFFFF;
}
.fup p a{
	color:#FFFFFF;
}
.fup p a:hover{
    color:#fc6306;
}
.fup h1{
    float:right;
	margin-top:40px;
}

/* 导航 */
header{ width:100%; height:1.2rem; background:url(../images/header.jpg) center; background-size:cover; display:flex; justify-content: space-between; align-items: center; position: fixed; z-index:99; top:0; left:0; padding-left:.6rem; }
#mobile_header, .m_nav{ display:none; }
header .logo{ display:flex; align-items: center; }
header .logo_img{ width:5rem; }
header .right{ display:flex; justify-content: space-between; align-items: center; height:100%; }
header nav{ display:flex; justify-content: space-between; align-items: center; height:100%; }
header .nav_link{ font-size:18px; height:100%; padding:0 30px; display:flex; align-items: center; }
header .nav_link:first-child{ padding:0 40px; }
header .nav_link:hover,header .nav_link.active{ background: url(../images/nav_link_bg.png) center no-repeat;color:#bb2517; background-size: cover;}
header .search{height:100%;width:120px;margin-left:30px;}
header .search_icon{color:#fff;font-size:40px;}
header .search_link{display:flex;background:#bb2517;height:100%;justify-content: center;align-items: center;}

@media(min-width:992px){
	header .search_icon:hover{transition:.5s;transform:scale(1.2);}
}

.banners{width:100%;position: relative;overflow:hidden;height:600px;}
.banners .mySwiper{width:100%;}
.banners .swiper-slide{width:100%;}
.banners img{width:100%;}
.banners .swiper-pagination-bullet{width:12px;height:12px;}
.banners .swiper-pagination-bullet-active{background: #fc6306;}
@media(max-width: 1440px){
	.banners{width:100%;position: relative;overflow:hidden;height:500px;}
}
@media(max-width: 1280px){
	.banners{width:100%;position: relative;overflow:hidden;height:400px;}
}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
	.header{display: none;}
	.msgNum {
		display: none;
	}

	.slider {
		margin-top: 1.2rem;
	}

	.head {
		display: none
	}

	.m_img {
		display: block;
		height: 60px;
		background: rgb(16,79,159);
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
	}

	.m_img .headlf {
		padding-top: 2px;
		padding-left: 5px;
		float: left;
	}

	.m_img .headlf .m_logo {
		height: 60px;
		display: block;
		padding-top: 0;
	}

	.m_img .headrg {
		padding-right: 5%;
		padding-top: 19px;
		float: right;
	}

	.m_img .headrg a .m_menuimg {
		height: 20px;
		display: block
	}

	.m_nav {
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		z-index: 10000
	}

	.m_nav .closecover {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0b0d19;
		filter: alpha(opacity=0);
		opacity: 0;
		left: 0px;
		top: 0px;
		z-index: 1
	}

	.m_nav .closeicon {
		position: absolute;
		width: 20%;
		left: .3rem;
		top: 5%;
		z-index: 100;
		text-align: center;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.m_nav .m_navList {
		position: absolute;
		width: 80%;
		right: 0px;
		top: 0px;
		background: rgb(16,79,159);
		height: 100%;
		z-index: 100;
		right: -80%;
		overflow-y: scroll;
	}

	.m_nav .m_navList ul {
		padding-left: 5%;
		padding-right: 5%
	}

	.m_nav .m_navList ul li {
		border-bottom: 1px solid #232530
	}

	.m_nav .m_navList ul li a {
		display: block;
		height: 45px;
		color: #fff;
		line-height: 45px;
		padding-left: 5%;
		font-size: 16px
	}

	.m_nav .m_navList ul li .m_f_a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}

	.m_nav .m_navList ul li .m_f_a a {
		flex: 1;
	}

	.m_nav .m_navList ul li .m_f_a i {
		width: 40px;
		height: 35px;
		box-sizing: border-box;
		padding: 0 5px;
		display: block;
	}

	.icon {
		background: url(../images/plus.png) 100% no-repeat;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}

	.icon_on {
		background: url(../images/reduce.jpg) 50% no-repeat !important;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}

	.m_nav .m_navList ul li .m_s_nav {
		display: none;
		width: 100%;
	}

	.m_nav .m_navList ul li .m_s_nav a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding-left: 10%;
		overflow: hidden;
		white-space: nowrap;
		width: 90%;
		text-overflow: ellipsis;
	}
}

@media (max-width: 992px) {
	/* 移动端头部导航 */
	#pc_header {
		display: none;
	}

	#mobile_header, .m_nav {
		display: block;
	}

	.m_nav .m_navList ul li a {
		font-size: 14px;
	}

	.banners{margin-top:60px;height:130px;}
	.banners .swiper-pagination-bullet{width:8px;height:8px;}

	.content {width:100%;margin: 0 auto;overflow: hidden;}
	.products{margin-top:20px;}
	.fl{float:none;width:100%;display: flex;justify-content: space-between;}
	.fl li{width:23%;margin:0 5px 10px 5px;}
	.fl li a{font-size:14px;}
	.marqueeleft li .txt{font-size:14px;}
	.about,.news,.contact{width:95%;}
	.news{margin: 5px 10px;}
	.foot{height:auto;background: #000;padding:10px;}
	.footer{width:100%;}
	.ftop{display: none;}
	.fup{height:auto;}
	.fup p{margin:0;}
}