@charset "utf-8";
/* CSS Document */

html,body {margin:0; padding:0; color:#333;font: 12px "微软雅黑"; /*overflow-x: hidden;*/}
ul,li{margin:0px;padding:0px;list-style-type:none;}

a{text-decoration: none;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; line-height:none;}
h1{ font-size:25px;}
h2{ font-size:22px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
p,dl,dt,dd,ol{ margin:0; padding:0;}
.clear{height:0px; clear:both;}
img{ border:0px; max-width:100%; max-height:100%; margin:0; padding:0;}
input,select,textarea{ border-radius: 0; -webkit-appearance: none; font-family:"微软雅黑"; font-size:12px; outline: none; box-sizing:border-box; resize:none; padding:0; margin:0;}
input::-webkit-input-placeholder{ color:#999;}

.left{ float:left !important;}
.right{ float:right !important;}
.hidden{ display:none}
.block{ display:block !important;}
.relative{ position:relative;}


.top {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.logo {
	height: 17px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}
.daohang img {
	height: 10px;
}
.daohang {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}
.nav {
	background-color: #221e1f;
	width: 120px;
	position: absolute;
	right: 0;
	top: 40px;
	display: none;
	z-index: 3;
}
.nav a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.nav a.navs {
	background-color: #1a355e;
}
/* banner */
.banner {
	position: relative;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.banner_1 {
	position: relative;
	z-index: 1;
}
.banner_1 li a{
	width: 100%;
	height: 250px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 800px;
}
/* 点 */
.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 9px;
	margin: 0 3px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 100px;
	overflow: hidden;
	background-color: #fff;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-color: #000;
}
/* 左右箭头 */
.flex-direction-nav {
	display: none;
}
/* 产品分类 */
.product a{
	display: block;
	float: left;
	width: calc(100% / 3 - 1px);
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	height: 100px;
}
.product a img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	margin-top: 12px;
}
.product a span{
	display: block;
	text-align: center;
	color: #666;
	font-size: 15px;
	margin-top: 5px;
}
.product a:nth-child(3),
.product a:nth-child(6),
.product a:nth-child(9){
	border-right: 0;
}
.midd .left{
	width: 40%;
}
.midd .midd_4{
	background-image: url(../images/ph_10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
	height: 250px;
}
.midd .midd_4 h2{
	color: #fff;
	font-size: 15px;
	margin-left: 15px;
	margin-top: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 20px;
}
.midd .midd_4 h1{
	color: #fff;
	font-size: 18px;
	margin-left: 15px;
	margin-top: 15px;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 24px;
}
.midd a.midd_5{
	display: block;
	color: #00397c;
	background: #fff;
	font-size: 15px;
	height: 27px;
	line-height: 27px;
	width: 80px;
	margin-left: 15px;
	text-align: center;
	margin-top: 50px;
}
.midd .right{
	width: 60%;
	height: 250px;
}
.midd .banner a img{
	height: 250px;
	display: block;
	width:100%;
}
.midd_1{
	background-image: url(../images/ph_12.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 215px;
	margin-top: 3px;
	padding-top: 35px;
}
.midd_2{
	height: 180px;
	width: 180px;
	background-image: url(../images/ph_13.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #fff;
}
.midd_2 a{
	color: #fff;
}
.midd_2 h3{
	text-transform: uppercase;
	font-size: 13px; 
	padding-top: 65px;
}
.midd_2 h2{
	font-size: 17px;
	margin-top: 2px;
}
.midd_3{
	margin-top: 3px;
}
.midd_3 .left{
	width: 60%;
}
.midd_3 .right{
	width: 40%;
}
.midd_6{
	margin: 15px 15px 0;
}
.midd_6 a{
	display: block;
	border-bottom: 1px solid #e0e0e0;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	background-image: url(../images/ph_15_03.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px;
}
.foot{
	text-align: center;
	margin: 15px;
}
.foot h4{
	font-size: 17px;
	color: #333;
}
.foot h4 b{
	margin-left: 10px;
}
.foot h6{
	color: #666;
	margin-top: 3px;
}
.foot h6 span{
	margin-left: 10px;
}
.foot h6 span a{
	color: #666;
}


/* pc */
@media (min-width:800px) {
	body,html {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
}