@charset "utf-8";
body {margin:0px auto; font-family:"微软雅黑";font-size:14px;}
ul,li,a,span,h1,div,ol,h1,h2,h3,p,hr,input,label {margin:0px; padding:0px; text-decoration:none; list-style:none;}
body,td,th {font-family: 微软雅黑;}
body {margin-left: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;}
a{color:#0057A4;text-decoration:none;outline:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;color: #FF9900;}
a:active {text-decoration: none;}
border { border:0px;}
img {border:0px;}

.clear{clear:both;}

.f-l{float:left;}
.f-r{float:right;}


/*------------公用样式结束----------*/


/*------------top----------*/
#to{width:100%; height:auto; background-color:#fff;}
#top{margin:0 auto; width:1200px; height:100px; padding-top:20px;}
.top-logo{width:90px; height:77px; margin-right:15px;}
.top-mz{width:620px; height:60px; padding-top:5px; text-align:left;}
.top-tel{width:27px; height:28px; padding-top:15px; margin-right:10px;}
.tel1{width:430px; height:50px; text-align:left;}


/*------------导航----------*/
#dh{width:100%; height:60px; background-color:#279DDD;}
*{list-style:none;}

.width1200 {
	MARGIN: 0px auto; WIDTH: 1200px
}
.margintop10 {
	MARGIN-TOP: 0px
}
.cl {
	CLEAR: both
}
.nav1 {
	LINE-HEIGHT: 0px; HEIGHT:60px;
}
.nav1 UL .pli {
	Z-INDEX: 2332; POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT:60px; WIDTH: 147px; FLOAT: left; HEIGHT:60px; list-style:none; border-right:1px solid #ccc;}
.nav1 UL .pli OL {
	POSITION: absolute;  PADDING-BOTTOM: 0px; height:30px; WIDTH: 147px; DISPLAY: none;  HEIGHT: auto; background-color:#353b88;
}
.nav1 UL .pli OL LI {
	TEXT-ALIGN: left; LINE-HEIGHT:30px; WIDTH: 147px; background-color:#1a7dd2; FLOAT: left;HEIGHT:30px; OVERFLOW: hidden;
}
.nav1 UL .onpli {background-color:#1a7dd2;}
.nav1 UL .onpli OL {
	DISPLAY: block
}
.nav1 UL .pli A {
	DISPLAY: block;
	FONT-FAMILY: "微软雅黑";
	COLOR: #fff;
	FONT-SIZE: 16px;
	text-decoration: none;
}
.nav1 UL .pli A:hover {
	COLOR: #fcee05
}
.nav1 UL .onpli A {
	COLOR: #fcee05;
	text-decoration: none;
	list-style:none;
}
.nav1 UL .pli OL LI A:hover {
	DISPLAY: block; BACKGROUND: #fcee05; COLOR: #222;  padding-left:5px; TEXT-DECORATION: none}
.nav1 UL .pli OL LI A {
	COLOR: #fff; FONT-SIZE: 14px; padding-left:5px;  FONT-WEIGHT: normal
}
.nav1 UL .pclosepli OL {
	DISPLAY: none
}


/*------------banner----------*/
.banner {position:absolute;width:100%; z-index:-1;}
#banner li{position:absolute;width:100%;top:0;left:0;display:none;}	
#banner li img{width:100%;}
#banner li:first-child{display:block;}
.bannerbg{position:relative;z-index:10;}
#leftBtn{left:0;background:url(img/leftbtn.png) no-repeat center center ;}
#rightBtn{right:0;background:url(img/rightbtn.png) no-repeat center center;}
#rightBtn ,#leftBtn{position:absolute;top:36%;width:40px;height:125px;display:block;opacity:0.5;filter:alpha(opacity=50);z-index:1000; cursor:pointer;}




/*---首页栏目--*/
#sylm{ width:100%; height:110px; background-color:#f5f5f5;padding-top:30px;}
.sylm1{margin:0 auto; width:420px; height:40px;}
.sylm1-1{width:160px; height:40px; text-align:left; margin-left:20px;}
.sylm1-2{width:240px; height:40px; text-align:left;}
.sylm2{margin:0 auto; width:1200px; height:40px; text-align:center; padding-top:30px;}


/*------------简介---------*/
#about{margin:0 auto;width:815px;height:auto;margin-top:40px;}

#featureContainer {
	MARGIN: 0px auto; WIDTH: 815px;
}
#wrap {
	OVERFLOW: hidden
}

#feature {
	POSITION: relative; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px; 
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH:1170px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px
}
#feature .prev {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(img/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -50px; BORDER-RIGHT: #999 0px dotted
}
#feature .next {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(img/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -50px; BORDER-RIGHT: #999 0px dotted
}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted; POSITION: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH:815px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px
}
.featureBox {
	BACKGROUND-IMAGE: url(img/bg-featurebox.jpg); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; WIDTH: 280px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 230px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 10px
}
#botton-scroll {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH:1200px !important; FLOAT: left; HEIGHT: 200px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#block {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; PADDING-BOTTOM: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 815px; PADDING-RIGHT: 0px; HEIGHT: 180px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px
}
#block .box {
	 MARGIN: 0px 10px; PADDING: 10px; WIDTH: 215px; FLOAT: left; HEIGHT: 125px;border: 4px solid #f2f2f2;
}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 215px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 125px;
}



.about1{margin:0 auto;width:1100px;height:auto;padding-top:30px; text-align:center;}

.about-more{margin:0 auto;width:200px; height:30px; padding-top:10px; text-align:center; background-color:#279DDD;margin-top:30px;}




/*------------产品展示----------*/
#cpbj{width:100%; height:1060px; background:url(img/bj.jpg) center no-repeat; margin-top:30px; padding-top:40px;}
.cpfl{margin:0 auto;width:1260px; height:auto; margin-top:30px;}
.h-proc1{
	width: 100%;
	height: auto;
	text-align: center;
}
.h-proc1 a{
	display: inline-block;
	margin:2px;
	width: 140px;
	height: 37px;
	padding-top:2px;
	border-radius:5px;
	font-size: 16px;
	margin-right:15px;
	margin-bottom:10px;
	background-color:#fff;
	color: #333;
	text-align: center;
	line-height: 35px;
	transition: all 0.3s ease-in-out;
}
.h-proc1 a:hover{
	background-color:#DD2A42;
	color: #fff;}

.cpzs{margin:0 auto;width:1260px; height:auto; margin-top:20px;}
.s-pro001{margin:0 auto; width: 1260px; height: auto; overflow: hidden; margin-top:10px; }
.s-pro001 li{width:290px;margin-bottom:10px; background-color:#fff;float:left;margin-right:25px;}
.s-pro001 li .tu{margin:0 auto; width:270px;overflow: hidden; position: relative; padding:10px; }
.s-pro001 li .tu .uptu{ position: absolute; left: -382px; width: 100%; height:275px; overflow:hidden; background-image: url(img/tm.png); }
.s-pro001 li:hover .tu .uptu{ left: 0px; top: 0px; padding-top:10px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.s-pro001 li .tu .uptu span{ display: block; width: 96%; margin:0 auto; overflow: hidden; padding:20px 25px; text-align: left; font-size: 15px; line-height: 170%; color: #fff;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.s-pro001 li .nr{ width:260px; padding:10px; text-align: center; background-color:#EFEFEF; overflow: hidden}
.s-pro001 li .nr a{
	display:block;
	height:30px;
	line-height:30px;
	width:230px;
	text-align:center;
	font-family: "微软雅黑";
	font-size:20px;
	color:#202020;
	text-indent:5px;
	overflow:hidden;
	letter-spacing:0px;
	font-weight: normal;
}
.s-pro001 li .nr span{font-family: "微软雅黑"; font-size:14px; color:#9B9B9B; line-height:26px}
.s-pro001 li .nr .more01 a{ float:left; margin-top:10px; margin-left:20px; width:130px; height:26px; line-height:26px; text-align:center; border:#719e88 1px solid; background-color:#b3e0ca; color:#000; overflow:hidden;}	


.cpzs-more{margin:0 auto;width:200px; height:35px; padding-top:5px; text-align:center; background-color:#FEEF06;margin-top:30px;}



/*------------新闻----------*/
.y-news007{
  margin:0 auto;
  width: 1200px;
  height: auto;
  margin-top:40px;
  overflow: hidden;
}
.y-news007 ul{
  width: 1300px;
}
.y-news007 ul li{
  float: left;
  margin-right: 57px;
  width: 363px;
  height: 400px;
  background-color:#f5f5f5;
}
.y-news007 ul li .tu{
  width: 363px;
  height: 164px;
}
.y-news007 ul li a h4{
  margin-top:15px;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #222;
  text-align: center;
  line-height: 150%;
  overflow: hidden;
}
.y-news007 ul li:hover a h4{
  color: #279DDD;
}
.y-news007 ul li p{
  display: block;
  margin-top:17px;
  height:76px;
  padding:10px;
  font-size: 14px;
  color: #888;
  text-align: center;
  line-height: 150%;
  letter-spacing: 0px;
  overflow: hidden;
}
.y-news007 ul li .more a{
  margin: 0 auto;
  display: block;
  width: 114px;
  height: 30px;
  border: 1px solid #279DDD;
  text-align: center;
  line-height: 30px;
  color: #279DDD;
  margin-top:20px;
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}
.y-news007 ul li:hover .more a{
  width: 80%;
  background-color: #279DDD;
  color: #fff;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}


/*------------案例----------*/
#al{width:100%; height:520px; background:url(img/bj1.jpg) top no-repeat; padding-top:50px; margin-top:30px;}
.al1{margin:0 auto; width:1260px; height:auto; padding-top:20px;}


#div3{ width: 1220px; height:270px; position: relative;overflow: hidden;}
#div3 ul { width: 1220px; height:270px; position: relative;}
#div3 ul li { height: 270px; float:left; list-style: none; background-color:#F2F2F2; margin-left:10px;}
#div3 ul li img { width:260px; height: 200px; padding:10px; background-color:#fff; display: inline-block;}
#div3 ul li ol{font-size:14px; color:#666666; text-align:center; padding-top:10px;}






/*------------版权---------*/
#foot{margin:0 auto;width:950px; height:120px;padding-top:10px;}
.foot1{width:46px; height:53px; padding-top:25px;}
.foot2{width:520px; height:60px; text-align:left; padding-top:25px; margin-left:20px;}
.foot3{width:250px; height:100px; padding:5px; background-color:#F5F5F5; margin-left:100px;}
.foot-er{width:100px; height:100px; margin-right:10px;}
.foot-er1{width:120px; height:50px; padding-top:20px; text-align:left;}

.foot4{width:100%; height:95px; padding-top:10px; padding-bottom:10px; text-align:center; background-color:#111111;}

/*------------内页banner---------*/


.nyzw{margin:0 auto; width:1200px; height:auto; border:1px dotted #888; padding:20px; margin-top:30px; margin-bottom:30px; text-align:left; font-family:"微软雅黑"; font-size:15px; line-height:30px; overflow:hidden;}
.nyzw1{width:100%; height:auto; padding-bottom:10px; border-bottom:1px dotted #888;}

/*内页新闻*/
.xwconny{ margin-right: 10px; padding-top: 10px; width: 1130px; float: left; border-bottom: 1px dashed #eaeaea; padding-right:30px;}
.xwconny:hover{ background-color:#F5F5F5;}
.xwconny .dateny{ float: left; padding-top:20px; width:70px; font-family:"华文细黑"; font-size:50px; color: #fff; text-align: center; background-color:#1A7DD2; }
.xwconny .dateny:hover{background-color:#111111;}
.xwconny .dateny span{font-family: "Impact"; font-size:20px; color: #fff; text-align: center;}
.xwconny .dateny p{ font-size: 20px; color:#FFF;font-family: "Impact";}
.xwconny .connrny{ float:right;  width:1000px; height:90px; padding-top:10px;}
.xwconny .connrny h1{  margin: 0px; padding: 0px; border: none; font-size: 24px; color: #3C3E3B; text-align: left; }
.xwconny .connrny h1 a{ color: #3C3E3B;font-size: 18px; font-weight: normal; }
.xwconny .connrny p{ color: #9e9e9e; font-size: 14px; line-height: 22px;  }
.xwconny .connrny p a{ color: #9e9e9e; font-size: 14px; }

.xwcony:hover .date{ float: left; width: 90px; height: 120px; font-family:"华文细黑"; font-size:60px; 
    color: #fa3e3e; text-align: center; line-height: 120px;  }
.xwcony:hover .connr h1 a{ color: #fa3e3e;font-size: 18px; font-weight: normal; }


.nysylm1-1{width:300px; height:40px; text-align: center; margin-left:20px;}


.nyh-proc1{
	width: 100%;
	height: auto;
	text-align: center;
}
.nyh-proc1 a{
	display: inline-block;
	margin:2px;
	width: 140px;
	height: 37px;
	padding-top:2px;
	border-radius:5px;
	font-size: 16px;
	margin-right:15px;
	margin-bottom:10px;
	background-color:#279DDD;
	color: #fff;
	text-align: center;
	line-height: 35px;
	transition: all 0.3s ease-in-out;
}
.nyh-proc1 a:hover{
	background-color:#DD2A42;
	color: #fff;}


.a1 {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	color: #7c7c7c;
	text-decoration: none;
}
.a2 {
	font-family: "微软雅黑";
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #DD2A42;
	text-decoration: none;
}
.a3 {
	font-family: "微软雅黑";
	font-size: 38px;
	line-height: 40px;
	font-weight: bold;
	color: #1A7DD2;
	text-decoration: none;
}
.a4 {
	font-family: "微软雅黑";
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #434343;
	text-decoration: none;
}
.a5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 60px;
	font-weight: bolder;
	color: #dd2a42;
	text-decoration: none;
}

.a6 {
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	color: #535353;
	text-decoration: none;
}
.a7 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}.a8 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.a9 {
	font-family: "微软雅黑";
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.a10 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.a11 {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.a12 {
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #F5F5F3;
	text-decoration: none;
}
.a13 {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.a14 {
	font-family: "微软雅黑";
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #1A7DD2;
}
.a15 {
	font-family: "微软雅黑";
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #1A7DD2;
	text-decoration: none;
}
.a16 {
	font-family: "微软雅黑";
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #feef06;
	text-decoration: none;
}
#top{
	width: 1230px;
}
.tel1{
	width: 222px;
}