﻿/*重置样式*/
html{color:#000;background:#fff;}
body{font: 12px Arial,"微软雅黑",sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,
fieldset,legend,input,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,li{list-style:none;}
fieldset,img{border:none;}
a{text-decoration:none;color: #333333;}
a:hover{text-decoration:inline;}
input:focus{outline: none;}
/*旧浏览器html新增的标签无法识别块状显示*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}



/*清除浮动*/

.clear{
	zoom: 1;
}

.clear:after{
	content:"";
	display: block;
	height:0;
	visibility: hidden;
	clear: both;
}

div.phone-nav{
	display: none;
}

div.pox{
	display: none;
}

div.head-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:30px;
	line-height: 30px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd;
}

div.head-content{
	width:1070px;
	height:100%;
	margin:0 auto;
	letter-spacing: 1px;
}

div.logo-box{
	width:100%;
	height:95px;
	background-color: #f4f4f4;
}

div.logo-content{
	width:1070px;
	height:100%;
	margin:0 auto;
}

div.logo-content img.logo{
	float: left;
	display: block;
	height:50px;
	width:auto;
	margin-top: 22.5px;
}

div.logo-content ul{
	float: right;
	box-sizing:border-box;
	/*border:1px solid red;*/
	margin-top: 27.5px;
}

div.logo-content ul li{
	float: left;
	height:40px;
	line-height: 40px;
	width:90px;
	display: block;
	text-align: center;
}

div.logo-content ul li a{
	font-size:14px;
	color:#5a5a5a;
	letter-spacing: 1px;
}

div.logo-content ul li:hover a{
	color:#0053aa;
	font-weight:bold;
}

div.logo-content ul li.active{
	/*background-color: white;*/
	color:#0053aa;
}

div.logo-content ul li.active a{
	color:#0053aa;
	font-weight:bold;
}

div.banner{
	width:100%;
	height:450px;
	/*border:1px solid red;*/
	box-sizing:border-box;
	overflow: hidden;
}

div.banner div.swiper-container{
	width:100%;
	height:100%;
}

div.banner div.swiper-container img{
	display: block;
	width:100%;
	height:100%;
}

div.about-box{
	width:100%;
	height:auto;
	/*margin:20px auto;*/
	/*border:1px solid red;*/
	box-sizing:border-box;
	padding:70px 0px;
	min-height: 580px;
	background:url(../img/bottom_bg.jpg) center bottom no-repeat;
	background-size: 100% 300px;
}

div.about-content{
	width:1070px;
	margin:0 auto;
	/*border:1px solid black;*/
	box-sizing:border-box;

}

div.about-biaoti{
	width:100%;
	height:auto;
	margin:0 auto;
}

div.about-biaoti span{
	display: block;
	font-size:24px;
	color:black;
	font-weight:bold;
	margin-top: 20px;
	letter-spacing: 1px;
}



div.about-content-1{
	
	width:100%;
	height:auto;
	margin:10px auto;
	box-sizing:border-box;
	padding:20px 30px;
	background-color: white;
	/*box-shadow: 1px 1px 1px #5a5a5a,-1px -1px 1px #5a5a5a;*/

}

div.about-content-1-1{
	float: left;
	width:450px;
	height:420px;
}

div.about-content-1-1 p{
	font-size:14px;
	color:balck;
	line-height: 1.85;
	height:auto;
	text-indent: 2em;
	box-sizing:border-box;
	padding-top: 35px;
}

div.about-content-1-1 a{
	display: block;
	width:215px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color:white;
	background-color:#0053aa;
	font-size:14px;
	letter-spacing: 1px;
	margin-top: 20px;
	border-radius: 30px;
}

div.about-content-1-2{
	float: right;
	width:500px;
	height:420px;
}

div.about-content-1-2 img{
	display: block;
	width:100%;
	height:100%;
}

div.cp-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:130px 0px;
	padding-bottom: 0px;
}

div.cp-content{
	width:1070px;
	margin:0 auto;
}

div.ggbt{
	width:100%;
	margin:0 auto;
}

div.ggbt>span{
	display: block;
	width:100%;
	text-align: center;
	font-weight:bold;
	color:black;
	font-size:28px;

}

div.ggbt>p{
	width:100%;
	height:35px;
	position: relative;
	text-align: center;
	color:black;
	font-size:18px;
	text-align: center;
	line-height: 35px;
	margin-top: 10px;
}
div.ggbt>p u{
	display: inline-block;
	height:20px;
	line-height: 20px;
	padding:0px 8px;
	background-color: white;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	z-index: 100;
	letter-spacing: 1px;
}

div.ggbt>p i{
	display: block;
	height:1px;
	background-color: black;
	width:100%;
	position: absolute;
	z-index: 10;
	left:0px;
	top:50%;
	margin-top: -0.5px;
}

div.ggbt>h4{
	font-size:14px;
	color:#999999;
	text-align: center;
	display: block;
	margin-top: 26px;
	font-weight: normal;
}

div.cp-content-1{
	width:100%;
	height:auto;
	margin-top: 54px;
}

div.shipin{
	float: left;
	width:500px;
	height:350px;
	/*border:1px solid black;*/
	box-sizing:border-box;
}

div.shipin video{
	display: block;
	width:100%;
	/*height:100%;*/
}

div.xinwen{
	float: right;
	width:540px;
	height:350px;
	/*border:1px solid red;*/
}

div.xinwen ul{
	width:100%;
	height:350px;
	/*border:1px solid black;*/
	box-sizing:border-box;
}

div.xinwen ul li{
	float: left;
	width:260px;
	height:170px;
	/*border:1px solid black;*/
	box-sizing:border-box;
	margin-bottom: 10px;
}

div.xinwen ul li:nth-child(2n){
	float: right;
}

div.xinwen ul li:nth-child(n+3){
	margin-bottom: 0px;
}

div.xinwen ul li a{
	display: block;
	width:100%;
	height:100%;
	position: relative;
}

div.xinwen ul li a img{
	display: block;
	width:100%;
	height:100%;
}

div.xinwen ul li a span{
	display: block;
	height:35px;
	line-height: 35px;
	text-align: left;
	font-size:14px;
	color:white;
	position: absolute;
	z-index: 100;
	bottom:0px;
	left: 0px;
	box-sizing:border-box;
	padding:0px 8px;
	background-color: rgba(0,83,170,0.8);
	width:100%;
}


div.chanpin{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:30px auto;
}


div.chanpin ul{
	width:100%;
	height:auto;
}

div.chanpin ul li{
	box-sizing:border-box;
	/*border:1px solid black;*/
	width:260px;
	height:auto;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
}

div.chanpin ul li a{
	display: block;
	width:100%;
	height:auto;
}

div.chanpin ul li a img{
	display: block;
	width:100%;
	height:auto;
	margin-bottom: 1px;
}

div.chanpin ul li a span{
	display: block;
	height:30px;
	line-height: 30px;
	box-sizing:border-box;
	padding:0px 6px;
	background-color: #0053aa;
	color:white;
	letter-spacing: 1px;
}

div.chanpin ul li:nth-child(4n){
	margin-right:0px;
}

div.anli{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:25px auto;
}

div.anli ul{
	width:100%;
	height:auto;
}


div.anli ul li{
	float: left;
	width:330px;
	height:auto;
	margin-bottom: 20px;
	margin-right: 39px;
	border-bottom: 2px solid #0053aa;
}

div.anli ul li:nth-child(3n){
	margin-right:0px;
}

div.anli  ul li a{
	display: block;
	width:100%;
	height:auto;
}

div.anli ul li a img{
	display: block;
	width:100%;
	height:auto;
}

div.anli ul li a span{
	display: block;
	width:100%;
	height:50px;
	line-height: 50px;
	background-color: #fafafa;
	box-sizing:border-box;
	padding:0px 8px;
	font-size:16px;
	letter-spacing: 1px;
}

div.foot-box{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:40px 0px;
	background-color: #1e1e1e;
	padding-bottom: 5px;
}

div.foot-content{
	width:1070px;
	height:auto;
	margin:0px auto;
	/*border:1px solid red;*/
}


div.foot-content-1{
	width:100%;
	height:auto;
	margin:0 auto;
}

div.foot-content-1-1{
	float: left;
}

div.foot-content-1-1>span{
	display: block;
	font-size:16px;
	color:white;
}

div.foot-content-1-1>p{
	font-size:24px;
	font-weight:bold;
	margin:4px auto;
	color:white;
}

div.foot-content-1-1>ul{
	width:auto;
	height:auto;
}

div.foot-content-1-1>ul li{
	height:26px;
	line-height: 26px;
	font-size:14px;
	color:white;
	font-size:13px;
	color:#666666;
}

div.foot-content-1-2 ul{
	width:auto;
}

div.foot-content-1-2 ul li{
	float: left;
	width:120px;
	height:auto;
	margin-left: 15px;
}

div.foot-content-1-2 ul li img{
	display: block;
	width:100%;
	height:auto;
	margin-bottom: 3px;
	box-sizing:border-box;
	border:2px solid white;
}

div.foot-content-1-2 ul li span{
	display: block;
	height:30px;
	line-height: 30px;
	font-size:14px;
	color:#666666;
	letter-spacing: 1px;
	text-align: center;
}


div.foot-content-1-2{
	float: right;
}


div.foot-content-2{
	width:100%;
	height:auto;
	margin:10px auto;
	/*border:1px solid white;*/
}

div.foot-content-2 p{
	width:100%;
	height:auto;
}

div.foot-content-2 p span{
	display: block;
	width:100%;
	height:auto;
	font-size:14px;
	color:#666666;
	text-align: center;
	letter-spacing: 1px;
}


div.dangqian{
	/*border:1px solid red;*/
	box-sizing:border-box;
	width:1070px;
	height:auto;
	/*margin:15px auto;*/
	margin:0 auto;
	height:35px;
	line-height: 35px;
	border-bottom: 1px solid #ddd;
	color:#5a5a5a;
}

div.rongqi{
	width:1070px;
	height:auto;
	margin:10px auto;
	/*border:1px solid red;*/
	box-sizing:border-box;
}

div.rongqi-left{
	float: left;
	width:220px;
	height:auto;
}

div.rongqi-left div.rongqi-left-bt{
	width:100%;
	height:auto;
	padding:20px 0px;
	box-sizing:border-box;
	/*border:1px solid red;*/
	background-color: #0053aa;
}

div.rongqi-left-bt>span,div.rongqi-left-bt>p{
	text-align: center;
	display: block;
	margin:0 auto;
	width:100%;
}

div.rongqi-left-bt>span{
	margin-bottom: 4px;
	font-size:22px;
	color:white;
}


div.rongqi-left-bt>p{
	font-size:16px;
	color:#666666;
}

div.rongqi-left ul{
	width:100%;
	height:auto;
	padding-top: 5px;
}

div.rongqi-left ul li{
	height:40px;
	width:100%;
	line-height: 40px;
	text-align: center;
	background-color: #fafafa;
	margin-bottom: 5px;

}

div.rongqi-left ul li a{
	font-size:14px;
	letter-spacing: 1px;
}

div.rongqi-left ul li:hover{
	background-color: #0053aa;
	color:white;
}

div.rongqi-left ul li:hover a{
	color:white;
}

div.rongqi-left ul li.active{
	background-color: #0053aa;
	color:white;
}

div.rongqi-left ul li.active a{
	color:white;
}

div.rongqi-right{
	float: right;
	width:800px;
	height:auto;
}

div.danye{
	width:100%;
	height:auto;
	/*border:1px solid red;*/
	box-sizing:border-box;
}

div.danye p.danye-1{
	width:100%;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	color:black;
	letter-spacing: 1px;
	margin: 10px;
}

div.danye p.danye-2{
	font-size:14px;
	color:#5a5a5a;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 6px;
}

div.danye-3{
	width:100%;
	height:auto;
}

div.danye-3 img{
	max-width: 100%;
}


div.page-1{
	display: block;
	margin:6px auto;
	width:100%;
}

div.page-1 a{
	display: block;
	font-size:14px;
	color:#5a5a5a;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

div.page-2{
	width:100%;
	height:auto;
	/*border:1px solid black;*/
	box-sizing:border-box;
	text-align: center;
	margin:6px auto;
}

div.page-2 a,div.page-2 span{
	display: inline-block;
	padding:2px 4px;
	/*box-sizing:border-box;*/
	border:1px solid #ddd;
	font-size:14px;
}

ul.xinwen-nn{
	width:100%;
	height:auto;
	/*border:1px solid black;*/
	box-sizing:border-box;
}


ul.xinwen-nn li{
	width:100%;
	height:auto;
	margin-bottom: 10px;
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
}


ul.xinwen-nn li a{
	display: block;
	width:100%;
}

ul.xinwen-nn li a img{
	float: left;
	width:120px;
	height:100px;
	/*border:1px solid #ddd;*/
}

ul.xinwen-nn li a div{
	float: right;
	width:660px;
}

ul.xinwen-nn li a span{
	font-size:16px;
	font-weight:bold;
	color:black;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: block;	
}

ul.xinwen-nn li a u{
	display: block;
	font-size:14px;
	color:#666;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 4px;
}

ul.xinwen-nn li a div p{
	font-size:14px;
	color:#5a5a5a;
}

ul.cp-nn{
	width:100%;
	height:auto;
	/*border:1px solid red;*/
	box-sizing:border-box;
}

ul.cp-nn li{
	float: left;
	width:260px;
	height:auto;
	margin-right: 10px;
	margin-bottom: 10px;
	box-sizing:border-box;
	border:1px solid #ddd;
}

ul.cp-nn li a{
	display: block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:6px;
}

ul.cp-nn li a img{
	display: block;
	width:100%;
	height:auto;
	margin-bottom: 3px;
}

ul.cp-nn li a span{
	display: block;
	font-size:14px;
	width:100%;

}

ul.cp-nn li:nth-child(3n){
	margin-right: 0px;
}

 /*表单*/

div.rongqi form{ clear: both; width:600px; margin:0 auto; margin-top:20px; margin-bottom:20px;}
div.rongqi form div{ width:100%; float:left; margin:0 0 15px;}
div.rongqi form div label{ width:80px; float:left; height:32px; line-height:32px; float:left; display:block; text-align:right; font-size:15px;}
div.rongqi form div input[type='text']{ height:32px; border:1px solid #e2e2e2; border-radius:3px; width:378px; float:left; text-indent:0.5em; font-size:14px; color:#7E7E7E}
div.rongqi form textarea{ width:368px; float: left; height:168px; border:1px solid #e2e2e2; border-radius:3px; padding:5px; font-size:14px; color:#7e7e7e}
div.rongqi form div img{ float:left; height:34px; width:110px; margin:0 0 0 15px}
div.rongqi form input[type='submit']{ display: block;  width:150px; height:45px; margin:8px auto; border:none; background:black; font-size:14px; color:#fff; border-radius:5px; }
div.rongqi form b{width: 20px; height: 32px; line-height: 32px; text-align: center;float: left; color: red; display: none;}


