@charset "utf-8";
/* CSS Document */

.name{ height:58px;width:1160px; margin:0 auto; }
.name ul{ list-style-type:none; height:58px;}
.name ul li{ float:left;display:inline;font-size:22px;height:58px; line-height:58px; width:232px;}
.name ul li a{ display:block; height:55px; text-align:center; font-size:14px; color:#fff;}
.name ul li a:hover{border-bottom:3px solid #e83827; }

/*banner*/
.banner{max-width:100%; min-width:1160px; overflow:hidden; margin:0 auto; position:relative}
.banner_img{ max-width:100%; min-width:1160px; height:431px; background:url(../images/goods_img/banner_small.gif) center no-repeat;}
.small{ width:1160px; margin:0 auto; height:85px; margin-top:30px;}
.people{ background:url(../images/goods_img/people.jpg) no-repeat; height:85px; width:499px; float:left; position:relative;}
.people p{ font-size:14px; line-height:20px; color:#2b2b2b; width:400px; height:55px; margin-left:75px; margin-top:10px;}
.peopic{background:url(../images/goods_img/peopic.jpg) no-repeat;height:85px; width:499px; float:right; position:relative;}
.peopic p{ font-size:14px; line-height:20px; color:#2b2b2b; width:400px; height:55px; margin-left:80px; margin-top:10px;}
/*main*/
.main{ width:100%;}
.products{ font-size:24px; color:#e83827; line-height:38px; display:block; width:200px; float:left; display:inline;}
.category{ float:right; display:inline; text-align:center;}
.visited{ color:#e83827; border:1px solid #e83827;}
.category li{ float:left; display:inline; height:38px; padding:10px;}
.category li a{ font-size:12px; color:#393939;  height:38px; line-height:38px;display:block; width:75px;}
.category li a:hover{ color:#e83827; border:1px solid #e83827;}
.listleft{ width:230px; float:left; display:inline; border:0px solid #ccc;}
.listleft a{ color:#000; font-size:14px; padding-left:10px;}
.listleft a:hover{ color:red;}
.list{ width:860px; float:right; display:inline;}
.list ul{ clear:both;}
.list ul li{  width:275px; /*height:320px;*/ min-height:375px;float:left;display:inline; margin:3px; overflow:hidden; border:1px solid #ddd; padding-bottom:5px;}
.list ul li:hover{ border:1px solid #e83827;}
.list ul li div:hover img{ -webkit-animation:big 1s;animation:big 1s; }
@keyframes big{
	0%{ transform:scale(0);}
	100%{ transform:scale(1); }
	}
@-webkit-keyframes big{
	0%{ transform:scale(0);}
	100%{ transform:scale(1); }
	}
.list ul li div{ display:block; width:182px; margin:0 auto;}
.list ul li p{ text-align:center; font-size:20px; padding-top:10px;}
.list ul li span{text-align:center; padding:5px 5px 0; display:block; font-size:14px;    max-height: 90px;overflow: hidden;}
.list ul li a{ display:block;color:#343333; height:32px; line-height:32px; text-align:center; color:#e83827;width:158px; border:1px solid #e83827; margin:0 auto; margin-top:20px;}
.list ul li a:hover{ background-color:#e83827; color:#fff;}
.page{ width:860px; float:left;padding-top:35px;text-align:center; margin-bottom:100px;}
.page a{ margin-left:2px;margin-right:2px;}
.previous{ background-color:#e5e5e5; width:88px; height:32px; line-height:32px; display:block; border-radius:32px;  float:left; display:inline;}
.previous:hover{background-color:#e83827;}
.previous a{color:#353535;}
.page .prev{ background-color:#666; width:26px; line-height:26px; height:26px; border-radius:26px; display:block; color:#fff; float:left;}
.page .prev:hover{background-color:#e83827; font-size:14px;}
.page .num{ background-color:#666; width:26px; line-height:26px; height:26px; border-radius:26px; display:block; color:#fff; float:left;}
.page .num:hover{background-color:#e83827;}
.page .next{ background-color:#666; width:26px; line-height:26px; height:26px; border-radius:26px; display:block; color:#fff; float:left;}
.page .next:hover{background-color:#e83827;}
.page .current{ background-color:#e83827; width:26px; line-height:26px; height:26px; border-radius:26px; display:block; color:#fff; float:left;}

.page ul li{background-color: #666;width: 26px;line-height: 26px;height: 26px;border-radius: 26px;display: block;color: #fff;float: left;margin-left: 2px; margin-right: 2px;}
.page ul li a{color:#FFFFFF;}
.page .active {background-color: #e83827;width: 26px;line-height: 26px;height: 26px;border-radius: 26px;display: block;color: #fff;float: left;}


.page .current:hover{background-color:#e83827;}
/*footer*/
.foot{ width:100%;background-color:#1b1b1b; height:130px; clear:both;}
.footer{ width:1160px; margin:0 auto;}
.footer span{ margin-top:45px; width:178px; float:left;}
.footer p{ height:54px;margin-top:45px; margin-left:75px;width:530px; display:block;float:left; border-right:1px solid #464646;}
.footer p a{ color:#fff; font-size:14px; padding-left:5px;}
.foot_ico{ float:left; margin-top:45px; width:225px;}
.foot_ico p{ width:225px; height:30px; font-size:14px; text-align:center; margin:0px;border:0px; display:block; color:#fff; text-align:center;}
.foot_ico img{ padding-left:35px;}
.country{ width:135px;height:54px;border-left:1px solid #464646; float:right;margin-top:45px;}
.country select{ background-color:#1b1b1b; color:#fff; border:0px; margin-left:30px; width:110px; border:1px solid #fff;}
.country select option{ color:#fff; padding:0px 5px;}

/*动态效果*/
.ol{ height:280px; width:100%;background-color:#eeeeee; position:absolute;z-index:2;display:none; top:75px;}
.ol li{ float:left; display:inline;width:220px;}
.solution{ width:1160px; height:240px; margin:0 auto; margin-top:20px; }
.solution span{ height:75px; display:block;}
.solution p{ color:#ee3f34; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; padding-top:25px;}
.solution a{ font-family:Arial, Helvetica, sans-serif;font-size:14.5px; color:#414141; display:block; height:23px; line-height:23px;}
.solution a:hover{ color:#000;}
.v{ position:absolute; margin-top:450px; margin-left:50%; z-index:1;}
.v li{float:left; display:inline; margin-right:20px;}
.v li a{height:22px; width:22px; display:block;
 background-color:red;
border-radius: 24px;
cursor:pointer;}