@charset "gb2312";
/* CSS Document */

*{margin:0px; padding:0px;}
*:focus{outline:none;}
*:before, *:after{box-sizing:border-box}
*{margin:0; padding:0; font-size:100%;/*vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;appearance: normal;-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;transform: none;-webkit-transform: none;-moz-transform: none;transition: none;-webkit-transition: none;-moz-transition: none;*/text-decoration:none;}
ul li{list-style:none;}
body {
	color:#212121;
	font-family:"微软雅黑";
	font-size:12px;
	margin:0 auto;
	padding:0;
}
/* 重置 */
div, form, p, i, img, ul, li, ol, dl, dt, dd, label, input {
	margin:0;
	padding:0;
}
p, li, div {
	line-height:1.5;
}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:12px;
}
/* 列表样式 */
ul, ol, li, dl, dt, dd {
	list-style:none;
}
/* 图片样式 */
img{
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:middle
}

/* 链接样式 */
.clr{clear:both;}
.index{width:100%; position:fixed; top:0px; height:100%; background:#2485c9; z-index:9999;}
.index img{width:100%; display:block;}
.banner{width:100%; display:block; position:relative; z-index:0;}
.wrap{width:100%; position:absolute;  background-size:65% 100%; z-index:1; top:0px; display:block;}
.logo{width:100%; padding-top:33px; padding-left:15px; clear:both}
.logo img{width:90%; display:block;}
.menu{width:90%; padding:30px 5% 0px; display:block;}
.menu li{width:29%; margin:0px 2% 5px; display:inline-block;}
.menu li img{width:100%; display:block;}
.footer{width:100%; position:fixed; height:60px; bottom:0px; left:0px; background:#000; display:block; z-index:99;}
.footer li{width:50%; text-align:center; float:left;}
.footer li img{padding-top:10px; height:33px;}
.footer li p{color:#fff; font-size:0.8em; padding-bottom:10px;}

/*about*/
.body_bg{position:absolute; position:fixed; top:0px; z-index:-1; width:100%;}
.body_bg img{width:100%; display:block;}
.header{padding:0px 5% 0px; position:relative; min-height:32px; background-color:#1A1D22 background-size:100% 100%; clear:both}
.ny_logo{ float:left}
.ny_zi{height:20px; float:center;color:#fff; font-size:1.4em;}
.ny_menu{height:20px; float:right}
.ny_down{height:20px; padding-top:30px; float:right}
.main{padding:0px 5% 0px; font-size:0.8em; line-height:24px; display:block;}
.main h1{text-align:right; margin-top:-20px; padding-bottom:10px;}
.main h2{font-size:1.4em; line-height:30px; font-weight:normal;}

/*product*/
.pro{padding:0px 1%; display:block;}
.pro li{width:43%; padding:0px 3%; margin-bottom:20px; overflow:hidden; float:left}
.pro li img{width:100%; display:block;}
.pro li p{color:#212121; height:30px; line-height:30px; background:#fbefb9; overflow:hidden; width:100%; display:block; font-size:1em; text-align:left;}
.pro_del{width:100%; line-height:1.8em; margin:0px 2%; clear:both}
.pro_del img{width:100%;  display:block; clear:both}
.pro_del dl{padding:10px 0px; color:#fff; clear:both}
.pro_del dl dt{float:left;}
.pro_del a{background:#5c5c5c; color:#fff; padding:5px 20px;}
.pro_del .nr{background:#e1e0e0; padding:3%; color:#595555; margin-top:15px;}

/*news*/
.news li{width:100%; line-height:32px; line-height:32px; border-bottom:#d8d8d8 1px dashed; display:block;}
.news li a{color:#212121;}
.news img{width:100%; display:block;}

#about{ background-size:cover;}
#cont{ background-size:cover;}

@media screen and (min-width:360px){body{font-size:12px}}
@media screen and (min-width:400px){body{font-size:14px}}
@media screen and (min-width:440px){body{font-size:16px}}
@media screen and (min-width:480px){body{font-size:18px}}
@media screen and (min-width:520px){body{font-size:20px}}
@media screen and (min-width:640px){body{font-size:22px}}

.page_share .iframe-cont{
	height:420px;
}
.page_map .iframe-cont{
	height:420px;
}

.page{
	float:center;
	width:120%;
	height:80px;
	display:inline;
	overflow:hidden;
	margin-top:0px;
	overflow:hidden;
	margin-bottom: 24px;
}

.page li{
float:left;
line-height:23px;
text-align:center;
display:block;
margin-left:10px;
}
.page li a{
display:block;
width:43px;
height:23px;
background-color:#ddd;
border:1px solid #dadada;
color:#575757;
}
.page li a:hover{
width:43px;
height:23px;
border:1px solid #ececec;
color:#ffffff;
background:#00933a;
}
.big-pic {
display: block;
height: auto;
max-width: 100%;

}
.flexsliderr {
	padding:0;
	width:100%;
	height:100%;
	margin:0 auto;
}
.flexslider {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 129px;
}
.slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	text-indent: -9999px
}
.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	left: 48%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 14px;
	float: left;
	height: 14px;
	margin: 0 5px;
	*display: inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	left: 0;
	width: 100%;
	top: 45%;
}
.flex-direction-nav li a {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.flex-direction-nav li a.flex-prev {
	left: 0px;
	background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right: 0px;
	background: url(../images/next.png) center center no-repeat;
}

.big-pic {
	padding:0;
	width:100%;
	height:100%;
	margin:0 auto;
}
.big-pic-in {
	position: relative;
	/*height: 100%;*/
	margin: 0 auto;
}
.pic-list {
	position: relative;
	height: 300px;
	-webkit-transform: translate3d(0, 0, 0);
}
.big-pic a {
	float: left;
	height: 300px;
}
.big-pic a p:first-child {
	width: 320px;
	height: 300px;
	background: #868686;
}
.big-pic2 .pic-list {
	width: 200%;
}
.big-pic2 .pic-list a {
	width: 320px;/*50%*/
}
.big-pic3 .pic-list {
	width: 300%;
}
.big-pic3 .pic-list a {
	width: 320px;/*33.33%*/
}
.big-pic4 .pic-list {
	width: 400%;
}
.big-pic4 .pic-list a {
	width: 320px;/*25%*/
}
.kuang {
	border: 1px solid #d2d2d2;
}
.zi1234{
	color:#FF0000;
	font-size:12px;
	line-height:24px;
}
.zi1234 a:link {
	color:#FF0000;
	font-size:12px;
	line-height:24px;
}
.zi1234 a:visited {
	color:#FF0000;
	font-size:12px;
	line-height:24px;
}
.zi1234 a:hover {
	color:#FF0000;
	font-size:12px;
	line-height:24px;
}
.zi1234 a:active {
	color:#FF0000;
	font-size:12px;
	line-height:24px;
}
.zi12341{
	color:#FF0000;
	font-size:13px;
	line-height:24px;
}
.zi12341 a:link {
	color:#FF0000;
	font-size:13px;
	line-height:24px;
}
.zi12341 a:visited {
	color:#FF0000;
	font-size:13px;
	line-height:24px;
}
.zi12341 a:hover {
	color:#FF0000;
	font-size:13px;
	line-height:24px;
}
.zi12341 a:active {
	color:#FF0000;
	font-size:13px;
	line-height:24px;
}
.zi1121{
	color:#212121;
	font-size:13px;
	line-height:26px;
	font-family:"微软雅黑";
}
.zi1121 a:link {
	color:#212121;
	font-size:13px;
	line-height:26px;
	font-family:"微软雅黑";
}
.zi1121 a:visited {
	color:#212121;
	font-size:13px;
	line-height:26px;
	font-family:"微软雅黑";
}
.zi1121 a:hover {
	color:#212121;
	font-size:13px;
	line-height:26px;
	font-family:"微软雅黑";
}
.zi1121 a:active {
	color:#212121;
	font-size:13px;
	line-height:26px;
	font-family:"微软雅黑";
}
.zi12348{
	color:#FF0000;
	font-size:17px;
	line-height:24px;
}
.zi12348 a:link {
	color:#FF0000;
	font-size:17px;
	line-height:24px;
}
.zi12348 a:visited {
	color:#FF0000;
	font-size:17px;
	line-height:24px;
}
.zi12348 a:hover {
	color:#FF0000;
	font-size:17px;
	line-height:24px;
}
.zi12348 a:active {
	color:#FF0000;
	font-size:17px;
	line-height:24px;
}
.zi112{
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
.zi112 a:link {
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
.zi112 a:visited {
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
.zi112 a:hover {
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
.zi112 a:active {
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
.zi1129{
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
.zi1129 a:link {
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
.zi1129 a:visited {
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
.zi1129 a:hover {
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
.zi1129 a:active {
	color:#FFF;
	font-size:12px;
	line-height:20px;
}
.zi12342{
	color:#212121;
	font-size:14px;
	line-height:24px;
}
.zi12342 a:link {
	color:#212121;
	font-size:14px;
	line-height:24px;
}
.zi12342 a:visited {
	color:#212121;
	font-size:14px;
	line-height:24px;
}
.zi12342 a:hover {
	color:#212121;
	font-size:14px;
	line-height:24px;
}
.zi12342 a:active {
	color:#212121;
	font-size:14px;
	line-height:24px;
}
.zi12343{
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.zi12343 a:link {
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.zi12343 a:visited {
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.zi12343 a:hover {
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.zi12343 a:active {
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
.zi123431{
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.zi123431 a:link {
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.zi123431 a:visited {
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.zi123431 a:hover {
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.zi123431 a:active {
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.zi12344{
	color:#FB6F72;
	font-size:14px;
	line-height:24px;
}
.zi12344 a:link {
	color:#FB6F72;
	font-size:14px;
	line-height:24px;
}
.zi12344 a:visited {
	color:#FB6F72;
	font-size:14px;
	line-height:24px;
}
.zi12344 a:hover {
	color:#FB6F72;
	font-size:14px;
	line-height:24px;
}
.zi12344 a:active {
	color:#FB6F72;
	font-size:14px;
	line-height:24px;
}
.zi12345{
	color:#ed145b;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12345 a:link {
	color:#ed145b;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12345 a:visited {
	color:#ed145b;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12345 a:hover {
	color:#ed145b;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12345 a:active {
	color:#ed145b;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12346{
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12346 a:link {
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12346 a:visited {
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12346 a:hover {
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
.zi12346 a:active {
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}

#container #banner {
	width: 100%;
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;
}


/* 效果CSS开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }