/* CSS Document */
body {margin:0; padding:0; color:#333333; font-size:12px; background-color: #ffffff;     }
div { margin:0 auto}
ul,dl,dt,dd,ul,li,h4,p,form{ list-style:none; margin:0; padding:0}
img { border:0;}
a{ outline:none; -moz-outline:none; }


a:link {
	color: #4B4B4B;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #4B4B4B;
}
a:hover {
text-decoration: underline;
	color:  #4B4B4B;
}
a:active {
	text-decoration: none;
	color:  #4B4B4B;  }



a.a1:link {
	color: #525252;
	text-decoration: none;
}
a.a1:visited {
	text-decoration: none;
	color: #525252;
}
a.a1:hover {
    text-decoration: underline;
	color: #525252;
}
a.a1:active {
	text-decoration: none;
	color: #525252;  }
	
		

			

.clear { clear:both}
.fl{ float:left}
.fr{float:right}

.top{width:100%; height:44px; background:#F9F9F9; border-bottom:#CCCCCC solid 1px; }
.top1{width:1500px; height:30px; font-size:14px; margin:0 auto; padding-top:10px; }
.top1 h2{ display: inline; font-size:16px; }

.nav1{width:100%; height:90px; background-color:#ffffff; }

.nav{width:1500px; height:90px;  }
.nav a{padding-top:35px; height:50px;float:left;text-align:center;display:block; width:116px;text-decoration:none; font-size:16px;}
.nav a:link{color:#333;   }
.nav a:visited {color:#333;}
.nav a:hover{color:#999; }
.nav a:active{color:#333;}
.nav .li1{width:330px; float:left; margin-top:10px}
.nav .li1 a{ padding:0}
.nav .li2{width:1170px; float:left;}


.bottom1{ clear:both; width:100%; height:60px; background:#363839;}
.bottom1 li{ width:1600px; margin:0 auto; color:#FFF; font-size:14px; padding-top:10px; height:30px;  }

.bottom2{ width:100%; height:235px; background: #2f3232; padding-top:40px;}
.bottom2 ul{ width:1600px; margin:0 auto;  height:130px;  }
.bottom2 ul .li1{ width:460px; height:130px; float:left}
.bottom2 ul .li2{ width:700px; height:130px; float:left; color:#FFF; line-height:25px;}
.bottom2 ul .li2 a{color:#999;text-decoration: none; }
.bottom2 ul .li3{ width:440px; height:130px; float:left; }
.bottom2 .ul1{ width:1600px; margin:0 auto; height:auto; margin-top:20px;  line-height:25px;color:#FFF;}
.bottom2 .ul1 a{color:#999;}
.bottom3{ width:1200px; margin:0 auto;  height:30px; padding-top:30px;    }
.bottom3 li{ width:600px;  float:left; text-align:left}

.tel1{ background:url(../image/tel1.png);width: 100%;height: 55px;position: fixed;left: 0;bottom: 0; color:#FFf; font-size:22px; font-weight:normal }
.tel1 ul{ width:1200px; margin:0 auto; text-align:center; margin-top:10px; }
.tel1 ul input{  height:35px; border:0; font-size:16px; color:#666; margin-left:5px; margin-right:5px; }

.fuwu{ width:1200px; height:400px; margin-top:40px; }
.fuwu .ul1{height:50px; width:1200px; font-size:24px; color:#666; float:left;}

.fuwu .s1{ color:#FFF; width:600px; height:180px; background:#f27b53; margin-right:10px; float:left}
.fuwu .s1 .li1{ width:100px; text-align:center; float:left; padding-top:60px;}
.fuwu .s1 .li2{ width:550px; float:left; padding-top:40px; }


.newslist3{width:1510px; height:270px; }
.newslist3 .case1{width:270px; height:210px; background:#F00; color:#FFF; text-align:center; padding-top:20px; float:left}
.newslist3 .case1 dt{font-size:36px}
.newslist3 .case1 dl{font-size:18px}
.newslist3 .case2{width:300px; height:230px; margin-left:10px; float:left;position:relative}
.newslist3 .case2 dt{ width:300px; height:230px;position:absolute;}
.newslist3 .case2 dl{position:absolute; bottom:0; right:0; z-index:100; height:32px; padding-top:8px; background:#000; width:300px; text-align:center; filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.newslist3 .case2 dl a{font-size:16px; color:#FFF; text-decoration:none}



/*漂浮*/	
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*新增案例样式*/	
.icase-list { padding-top: 23px; margin: 0; width: 1200px; }
.icase-list li { width: 33.33333%; padding-bottom: 0px; }
.icase-list .item { padding: 0 6.5% 0 0; text-align: left; }
.icase-list .thumb { position: relative; overflow: hidden;height:320px; }
.icase-list .thumb .after { display: block; width: 100%; padding-bottom: 66.66667%; }
.icase-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; height:320px;object-fit:cover;}
.icase-list .desc { display: -webkit-box; height: 40px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.icase-list a { position: relative; }
.icase-list .content { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 75px; z-index: 3; width: 100%; overflow: hidden; background: url("../images/icasebg.png") repeat 0 0; }
.icase-list .content .brand { padding: 32px 0 0 25px; height: 130px; line-height: 130px; font-size: 0; }
.icase-list .content .brand img { display: inline; width: auto; max-height: 100%; vertical-align: middle; }
.icase-list .content .desc { color: #fff; padding: 0 25px 0; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.icase-list .content .ico-line { display: block; width: 100%; height: 37px; background: url("../images/icaseline.png") no-repeat 25px bottom; }