@media screen and (min-width:1001px){
.freestuff{ display:none;}
.banner{ padding-bottom:50px;}
.bannerslider{ width:100%;position:relative; 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%; 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: 35px;
    font-size: 36px;
    line-height: 70px;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;}

.solution{ padding-bottom:50px;}
.solution ul{ margin:0 -10px;}
.solution ul li{ float:left; width:150px; padding:0 10px; text-align:center;}
.solution ul li a{ display:block; background:#ededed; padding:40px 0;}
.solution ul li a img{ width:90px; height:90px; margin-bottom:40px; transition:all ease-out 0.3s;}
.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.solution ul li a h3{ font-size:18px; color:#666; margin-bottom:5px; font-weight:normal;}
.solution ul li a p{ font-size:12px; color:#999;}

.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}
	.hometitle a.more{ position:absolute; right:0; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}

.hotpicnews{ float:left; width:380px;}
	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:380px; height:340px;}
	.hotpicnews a img{ position:absolute; top:0; left:0; width:380px; height:340px;}	
	.hotpicnews a h3{ position:absolute; z-index:1; top:340px; left:0; width:320px; padding:0 30px; font-size:20px; line-height:30px; color:#fff; transition:all ease-out 0.3s; filter:alpha(opacity=0);     font-weight: normal;/*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}
	.hotpicnews a strong{ position:absolute; z-index:1; top:300px; left:30px; padding:2px 5px; font-size:12px; font-weight:normal; border:1px solid #999; color:#999; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}
	.hotpicnews a p{ position:absolute; z-index:1; top:300px; left:0; color:#fff; padding:0 10px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all ease-out 0.3s;}
	.hotpicnews a i{ position:absolute; top:300px; left:0; display:block; width:100%; height:40px; background:#000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ transition:all ease-out 0.3s;}	
	.hotpicnews a:hover h3{ top:40px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
	.hotpicnews a:hover strong{ top:280px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
	.hotpicnews a:hover p{ top:340px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}
	.hotpicnews a:hover i{ top:0; height:340px;}
.picnews{ float:right; width:620px; padding-bottom:30px;}
	.picnews ul{}
	.picnews ul li{ float:left; width:290px; padding-left:20px; margin-bottom:20px;}
	.picnews ul li a{ position:relative; display:block; width:290px; height:160px; overflow:hidden;}
	.picnews ul li a img{ position:absolute; top:0; left:0; width:290px; height:160px;}	
	.picnews ul li a h3{ position:absolute; z-index:1; top:160px; left:0; width:230px; padding:0 30px; color:#fff; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/
	font-weight:normal;font-size:18px;}
	.picnews ul li a strong{ position:absolute; z-index:1; top:160px; left:30px; padding:2px 5px; font-size:12px; font-weight:normal; border:1px solid #999; color:#CCC; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}
	.picnews ul li a p{ position:absolute; z-index:1; top:120px; left:0; width:290px; padding:0 10px; color:#fff; height:40px; line-height:40px; transition:all ease-out 0.3s; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
	.picnews ul li a i{ position:absolute; top:120px; left:0; display:block; width:290px; height:40px; background:#000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ transition:all ease-out 0.3s;}	
	.picnews ul li a:hover h3{ top:30px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
	.picnews ul li a:hover strong{ top:110px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
	.picnews ul li a:hover p{ top:160px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}
	.picnews ul li a:hover i{ top:0; height:160px;}

.brand{}
	.brand ul{ margin:0 -10px;}
	.brand ul li{ float:left; width:180px; height:66px; background:#FFF; padding:2px; margin:0 10px 20px;}
	.brand ul li a{ display:block;}
	.brand ul li a img{ width:180px; height:66px; transition:all ease-out 0.3s;}
	.brand ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}


/*新增*/


.newslist{ padding-bottom:40px;}
	.newslist ul{ margin:0 -10px;}
	.newslist li{ float:left; width:235px; padding:0 10px; margin-bottom:20px;}
	.newslist li a{ display:block;}
	.newslist li a img{ display:block; margin-bottom:10px;height: 160px;}
	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.newslist li a p{ font-size:12px; margin-bottom:10px;}
	.newslist li a p span{ float:right; background:url(../img/see.png) no-repeat left center; padding-left:20px;}
	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}
	.newslist li a p.date{ color:#ccc; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
	.newslist li a p.summary{ color:#999;}
}
@media only screen and (min-width:721px) and (max-width:1000px){
.freestuff{ display:none;}
.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}
.bannerslider .bd{ text-align:center; width:100%;}
.bannerslider .bd ul{ margin:0; width:100%;}
.bannerslider .bd ul li{ width:100%; 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:none;}
.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; 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;}

.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}
	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}

.solution{ padding:0 0 20px 20px;}
.solution ul{}
.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}
.solution ul li{ float:left; width:50%; text-align:center; margin-bottom:20px;}
.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; margin-right:20px; border:1px solid #eee;}
.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}
.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}
.solution ul li a p{ font-size:12px; color:#999;}



.hotpicnews{ padding:0 0 0 20px;}
	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}
	.hotpicnews a .img{ float:left; width:50%;}
	.hotpicnews a .img span{ display:block; padding-right:20px;}
	.hotpicnews a img{}
	.hotpicnews a .info{ float:right; width:50%;}
	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px; padding-right:20px;}
	.hotpicnews a p{ padding-bottom:10px; color:#999; font-size:12px; padding-right:20px;}
	.hotpicnews a strong{ font-size:12px; font-weight:normal; padding-right:20px;}
	.hotpicnews a i{display:none;}

.picnews{ padding:20px 0 20px 20px;}
	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}
	.picnews ul li{ float:left; width:50%; margin-bottom:10px;}
	.picnews ul li a{ display:block; padding-right:20px;}
	.picnews ul li a img{ width:100%;}	
	.picnews ul li a h3{ font-size:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}
	.picnews ul li a strong{ display:none;}
	.picnews ul li a p{ display:none;}
	.picnews ul li a i{ display:none;}	

.brand{ padding:0 20px 40px;}
	.brand ul{ background:#f3f3f3;}
	.brand ul li{ float:left; width:31%; padding:1%;}
	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}
	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}
	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

/*新增*/
.contact{ background:#c3c3c3; padding:30px 0 0;}
	.contactinfo{ float:left; margin-right:60px;}

.newslist{ padding-bottom:40px;}
	.newslist ul{ padding:0 10px;}
	.newslist li{ float:left; width:50%; margin-bottom:20px;}
	.newslist li a{ display:block; padding:0 10px;}
	.newslist li a img{ display:block; margin-bottom:10px;}
	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.newslist li a p{ font-size:12px; margin-bottom:10px;}
	.newslist li a p span{ float:right; background:url(../img/see.png) no-repeat left center; padding-left:20px;}
	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}	
	.newslist li a p.date{ color:#ccc; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
	.newslist li a p.summary{ color:#999;}
}
@media only screen and (min-width:461px) and (max-width:720px){
.freestuff{ display:none;}
.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}
.bannerslider .bd{ text-align:center; width:100%;}
.bannerslider .bd ul{ margin:0; width:100%;}
.bannerslider .bd ul li{ width:100%; 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:none;}
.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; 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;}

.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}
	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}

.solution{ padding:0 0 20px 20px;}
.solution ul{}
.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}
.solution ul li{ float:left; width:50%; text-align:center; margin-bottom:20px;}
.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; margin-right:20px; border:1px solid #eee;}
.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}
.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}
.solution ul li a p{ font-size:12px; color:#999;}



.hotpicnews{ padding:0 20px 20px;}
	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}
	.hotpicnews a .img{}
	.hotpicnews a .img span{ display:block;}
	.hotpicnews a img{ width:100%;}
	.hotpicnews a .info{}
	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px;}
	.hotpicnews a p{ padding-bottom:10px; color:#999; font-size:12px;}
	.hotpicnews a strong{ font-size:12px; font-weight:normal;}
	.hotpicnews a i{display:none;}

.picnews{ padding:20px 0 20px 20px;}
	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}
	.picnews ul li{ float:left; width:50%; margin-bottom:10px;}
	.picnews ul li a{ display:block; padding-right:20px;}
	.picnews ul li a img{ width:100%;}	
	.picnews ul li a h3{ font-size:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}
	.picnews ul li a strong{ display:none;}
	.picnews ul li a p{ display:none;}
	.picnews ul li a i{ display:none;}	

.brand{ padding:0 20px 40px;}
	.brand ul{ background:#f3f3f3;}
	.brand ul li{ float:left; width:31%; padding:1%;}
	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}
	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}
	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

/*新增*/
.contact{ background:#c3c3c3; padding:30px 0 0;}
	.contactinfo{ float:left; margin-right:60px;}

.newslist{ padding-bottom:40px;}
	.newslist ul{ padding:0 10px;}
	.newslist li{ float:left; width:50%; margin-bottom:20px;}
	.newslist li a{ display:block; padding:0 10px;}
	.newslist li a img{ display:block; margin-bottom:10px;}
	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.newslist li a p{ font-size:12px; margin-bottom:10px;}
	.newslist li a p span{ float:right; background:url(../img/see.png) no-repeat left center; padding-left:20px;}
	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}	
	.newslist li a p.date{ color:#ccc; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
	.newslist li a p.summary{ color:#999;}
}

@media only screen and (max-width:460px){
.freestuff{ display:none;}
.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}
.bannerslider .bd{ text-align:center; width:100%;}
.bannerslider .bd ul{ margin:0; width:100%;}
.bannerslider .bd ul li{ width:100%; 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:none;}
.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; 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;}

.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}
	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}

.solution{ padding:0 20px 20px;}
.solution ul{}
.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}
.solution ul li{ text-align:center; padding-bottom:20px;}
.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; border:1px solid #eee;}
.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}
.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}
.solution ul li a p{ font-size:12px; color:#999;}



.hotpicnews{ padding:0 20px 20px;}
	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}
	.hotpicnews a .img{ width:100%;}
	.hotpicnews a .img span{ display:block;}
	.hotpicnews a img{}
	.hotpicnews a .info{}
	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px;}
	.hotpicnews a p{ color:#999; font-size:12px;}
	.hotpicnews a strong{ font-size:12px; font-weight:normal;}
	.hotpicnews a i{display:none;}

.picnews{ }
	.picnews ul{ padding:0 10px;}
	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}
	.picnews ul li{ padding:0 10px 20px;}
	.picnews ul li a{ display:block;}
	.picnews ul li a img{ width:100%;}	
	.picnews ul li a h3{ font-size:100%; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}
	.picnews ul li a strong{ font-size:12px; font-weight:normal;}
	.picnews ul li a p{ font-size:12px; color:#999;}
	.picnews ul li a i{ display:none;}	

.brand{ padding:0 20px 40px;}
	.brand ul{ background:#f3f3f3;}
	.brand ul li{ float:left; width:31%; padding:1%;}
	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}
	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}
	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

/*新增*/
.contact{ background:#c3c3c3; padding:30px 0 0;}
	.contactinfo{ float:left; margin-right:60px;}

.newslist{ padding-bottom:40px;}
	.newslist ul{ padding:0 10px;}
	.newslist li{ margin-bottom:20px; padding:0 10px;}
	.newslist li a{ display:block;}
	.newslist li a img{ display:block; margin-bottom:10px;}
	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.newslist li a p{ font-size:12px; margin-bottom:10px;}
	.newslist li a p span{ float:right; background:url(../img/see.png) no-repeat left center; padding-left:20px;}
	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}	
	.newslist li a p.date{ color:#ccc; background:url(../img/time.png) no-repeat left center; padding-left:20px;}
	.newslist li a p.summary{ color:#999;}
}