@media screen and (min-width:721px){}
@media only screen and (min-width:320px) and (max-width:720px){}

.bannerslider{ width:100%; position:relative; height:570px; border-bottom:1px solid #eee;}
.bannerslider .bd{ text-align:center; width:100%;}
.bannerslider .bd ul{ margin:0; width:100%;}
.bannerslider .bd ul li{ width:100%; height:570px; background-position:center center;}
.bannerslider .hd{ position:absolute; z-index:2; bottom:10px; left:0; width:100%;}
.bannerslider .hd ul{ text-align:center;}
.bannerslider .hd ul li{ display:inline-block; width:40px; height:10px; background:#000; margin:0 2px; text-indent:-9999em; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}
.bannerslider .hd ul li.on{ background:#c00;}
.bannerslider span{ position:absolute; top:50%; background:#333; color:#fff; width:50px; text-align:center; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}
.bannerslider .prev{ left:0;}
.bannerslider .next{ right:0;}

.bga{ background:#f6f6f6;}

.title{ position:relative; text-align:center; padding:40px 0 20px;}
.title:after{ content:''; display:block; position:absolute; top:81px; left:0; width:100%; height:1px; background:#ccc;}
.title h2{ display:inline-block; font-size:30px; line-height:30px; font-weight:normal; color:#0e5492; font-weight:bold; border-bottom:3px solid #0e5492; padding-bottom:8px;}
.title p{ line-height:30px;}


.productcat{ text-align:center;}
	.productcat ul{}
	.productcat li{ display:inline-block;}
	.productcat li a{ display:inline-block; padding:8px 15px; margin:10px 5px; font-size:16px; background:#0e5492; color:#fff;}
	.productcat li a:hover{ background:#ef8201;}

.products{ padding:40px 0;}
	.products ul{}
	.products li{ float:left; width:270px; margin-bottom:20px;  padding:0 10px;}
	.products li a{ display:block;}
	.products li a div{ width:270px; overflow:hidden;}	
	.products li a img{ width:270px; height:270px; transition:all ease-out 0.3s;}
	.products li a img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
	.products li a h4{ font-size:16px; line-height:40px; color:#fff; padding:0 10px; transition:all ease-out 0.3s; background:#333; text-align:center;}

.about{ padding-bottom:40px;}
	.aboutpic{ float:left; width:580px;}
		.aboutpic a{ display:block; overflow:hidden;}
		.aboutpic img{ width:580px; height:350px; transition:all ease-out 0.3s;}
		.aboutpic img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
	.about dl{ float:right; width:500px; height:270px; padding:40px; background:#f1f1f1;}
	.about dl dt{ font-size:24px; line-height:30px; margin-bottom:20px;}
	.about dl dt p{ font-size:12px; color:#999;}
	.about dl dd{ font-size:12px;}
	.about dl dd p{ margin-bottom:20px;}
	.about dl dd p a{ display:inline-block; padding:4px 20px 4px 10px; border:1px solid #ccc;}
	.about dl dd p a:hover{ background:#c00; color:#fff; border:1px solid #c00; padding:4px 10px 4px 20px;}

.news{ padding-bottom:40px;}
	.news ul{ margin:0 -10px; overflow:hidden;}
	.news li{ float:left; width:580px; margin:0 10px 20px; border-bottom:1px solid #eee; padding-bottom:20px;}
	.news li h4{ font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news li p{}
	.news li p.date{ font-size:12px;}
	.news li p.summary{}

.equipment{ padding-bottom:40px;}
	.equipment ul{ margin:0 -10px;}
	.equipment li{ float:left; width:220px; padding-right:20px;}
	.equipment li img{ width:220px; height:220px;}
	.equipment li a{ display:block; width:220px; height:220px; position:relative;}
	.equipment li h4{ position:absolute; z-index:2; top:0; left:0; color:#fff; line-height:30px; padding:0 10px; background:#4e5688; width:215px;}
	.equipment li i{ display:block; position:absolute; top:0; left:0; width:235px; height:30px; background:#4e5688; filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ -moz-opacity:0.8; /*Firefox私有，透明度50%*/ opacity:0.8;/*其他，透明度50%*/ transition:all ease-out 0.3s;}
	.equipment li a:hover i{ background:#000; height:235px; filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ -moz-opacity:0.8; /*Firefox私有，透明度50%*/ opacity:0.8;/*其他，透明度50%*/}
	.equipment li span{ position:absolute; z-index:2; bottom:10px; right:10px; display:inline; border:2px solid #eee; padding:5px 15px; color:#fff; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ transition:all ease-out 0.3s;}
	.equipment li a:hover span{ filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ -moz-opacity:0.8; /*Firefox私有，透明度50%*/ opacity:0.8;/*其他，透明度50%*/}
	.equipment li a:hover span:hover{ background:#fff; color:#333;}

.contact{ float:left; width:580px; height:290px; padding-bottom:40px;}
	.contact dt{ font-size:24px; font-weight:bold; line-height:30px; padding-bottom:20px;}
	.contact dd{ font-size:14px; line-height:30px;}
.location{ float:right; width:580px; height:290px; padding-bottom:40px;}