﻿.about_pic_full{margin:0px auto;width:100%;height:auto;padding:0.6rem 0% 0.6rem 0%;text-align:center;background:url(/images/about_pic_full_bg.png) no-repeat center top #EFEFEF;clear:both;overflow:hidden;}
.about_pic{position:relative;margin:0px auto;width:90%;height:auto;margin-top:1.2rem;padding-top:0.2rem;text-align:left;clear:both;overflow:hidden;}
.about_pic ul li{float:left;width:13%;height:auto;margin:0rem 0.3rem 0rem 0.3rem;text-align:center;}
.about_pic ul li img{width:100%;}
.about_pic ul li a dl{float:left;width:100%;height:0.5rem;line-height:140%;padding:5% 0% 5% 0%;text-align:left;color:#333333;font-size:0.16rem;}
.about_pic ul li a:hover dl{float:left;width:100%;height:0.5rem;line-height:140%;padding:5% 0% 5% 0%;text-align:left;color:#E30637;font-size:0.16rem;}
.about_pic .next, .about_pic .prev {opacity:0;position:absolute;top:50%;transform:translateY(-50%);display:inline-block;cursor:pointer;z-index:1;width:0.32rem;height:0.8rem;line-height:0.8rem;color:#fff;text-align:center;font-size:0.22rem;background:rgba(0, 0, 0, .2);font-family:simsun;transition:all ease-in .4s;}
.about_pic .next {left:0rem;}
.about_pic .prev {right:0rem;}
.about_pic:hover .next {opacity:1;}
.about_pic:hover .prev {opacity:1;}

@media screen and (min-width:1340px) and (max-width:1680px){
	
}
@media screen and (min-width:1200px) and (max-width:1339px){
.about_pic{width:96%;}
.about_pic ul li a dl,.about_pic ul li a:hover dl{font-size:0.14rem;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.about_pic{width:96%;}
.about_pic ul li a dl,.about_pic ul li a:hover dl{font-size:0.14rem;}
}

@media screen and (max-width:767px){
.about_pic{width:96%;}

.about_pic ul li{float:left;width:44%;height:auto;margin:0rem 0.2rem 0rem 0.2rem;text-align:center;}
.about_pic ul li a dl,.about_pic ul li a:hover dl {font-size:0.22rem;}
}