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

*{ margin:0; padding:0;}
html,body{ margin:0; padding:0; width:100%; height:100%;}
a,h1,ul,li,p,img{ margin:0; padding:0; border:0; text-decoration:none; list-style:none; font-family:"宋体"; font-size:14px;}
.cle{ margin:0; padding:0; clear:both;}

/*栏目*/
.header{ width:100%; height:30px; background:#2584C4;}
.header ul{ width:100%;}
.header ul li{ float:left; width:14.28%; height:30px; line-height:30px;}
.header ul li a{ display:block; text-align:center;  color:#FFF;}
.header ul li a:hover{ background:#1869AB;}


/*banner*/
.banner{ width:100%; height:auto; margin:0 auto; text-align:center; margin-top:1px;}
.banner img{ width:100%; height:auto;}
.banner ul li{ float:left; width:100%; overflow:hidden;}

/*content*/
.content{ width:98%; height:auto; margin:0 auto;}

.about{ width:100%; height:auto;}
#about-left{ width:33.33%; background:#FFCC33; float:left; position:relative; text-align:center;}
#about-left a{ color:#FFF; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#about-left img{ width:72px; height:63px;}
#about-left p{ font-size:16px; font-weight:bold;}

#about-right{ width:66.66%; float:right; position:relative; z-index:1;}
#about-right img{ width:100%; height:auto;}
#about-right p{ font-size:16px; font-weight:bold; color:#FFF;}
#infotitle{ width:100%; position:absolute; z-index:2; vertical-align:middle; bottom:0; text-align:center; background: rgba(64,64,64,0.5) !important; padding:5px 0; overflow:hidden;}


.menu1{ width:100%; height:30px; background:#525252;}
.menu1 li{ width:33.333%; height:30px; background:#525252; float:left; text-align:center; line-height:30px; overflow:hidden;}
#menu1-border{ border-left:1px solid #999; border-right:1px solid #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu1 li a{ font-size:16px; color:#FFF; display:block;}


/*首页工程案例部分*/
.pro{ width:100%; height:auto;}
#pro-left{ width:33.33%; background:#F9C500; float:right; text-align:center; position:relative;}
#pro-left a{ color:#FFF; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#pro-left img{ width:71px; height:66px;}
#pro-left p{ font-size:16px; font-weight:bold;}


#pro-right{ width:66.66%; float:left; position:relative; z-index:1;}
#pro-right img{ width:100%; height:auto;}
#pro-right p{ font-size:16px; font-weight:bold; color:#FFF;}
#infotitle2{ width:100%; position:absolute; z-index:2; vertical-align:middle; bottom:0; text-align:center; background: rgba(64,64,64,0.5) !important; padding:5px 0; overflow:hidden;}


.menu2{ width:100%; height:30px; background:#CCC;}
.menu2 li{ width:33.333%; height:30px; background:#CCC; float:left; text-align:center; line-height:30px; overflow:hidden;}
#menu2-border{border-left:1px solid #999; border-right:1px solid #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu2 li a{ font-size:16px; color:#000; display:block;}

/*首页*/
.content #pro1{ width:50%; height:auto; float:left; margin-top:15px; padding-right:2.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.content #pro1 #pro-1{ width:100%; float:right;}
.content #pro1 #pro-3{ width:100%; float:right; margin-top:5px;}

.content #pro2{ width:50%; height:auto; float:right; margin-top:15px; padding-left:2.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.content #pro2 #pro-2{ width:100%; float:left;}
.content #pro2 #pro-4{ width:100%; float:left; margin-top:5px;}

#tianmao{ width:100%; height:60px; text-align:center; background:#B30400; margin-top:10px;}
#tianmao a{ font-size:16px; font-weight:bold; color:#FFF; line-height:60px;}


.footer{ width:100%; height:48px; text-align:center;}
.footer p{ line-height:48px; color:#FFF;}


#content{ width:90%; padding:5%; line-height:24px; background:#FFF; margin:0 auto;}

#content img{ width:80%;}
#content p{ color:#000;}
#mainbox{ width:80%;}


#pro_list{}
#pro_list { margin:6px 6px 0 6px;border-radius:5px; overflow:hidden; border:1px solid #d8e0cb;}
#pro_list li { border-bottom:1px solid #CCC; background:-webkit-gradient(linear, 55% 100%, 55% 0%, from(#f1f1f1), to(#ffffff)); overflow:hidden }
#pro_list li a { display:block;   padding:6px 30px 6px 20px; position:relative;box-shadow:0 -1px 1px rgba(255, 255, 255, 1) inset;}

#pro_list li a em { display:block; width:8px; height:100%; position:absolute; left:0px;top: 0;}
#pro_list li a p{  color:#858585;}
#pro_list li a span {  line-height:24px; color:#4a4a4a }
#pro_list li a i{ display:block; line-height:24px; font-size:12px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#b0b0b0; font-style: normal;}
#pro_list li a b{ display:block;  width:15px; height:19px; position:absolute; top:50%; margin-top:-10px; right:10px;  background:url(../images/jt.png) no-repeat; background-size:15px 19px;}

#pro_list li:last-child{ border-bottom:none}


#pro_list li:nth-child(8n+1) a em {background-color:#36A1DB}
#pro_list li:nth-child(8n+2) a em {background-color:#678ce1}
#pro_list li:nth-child(8n+3) a em {background-color:#8c67df}
#pro_list li:nth-child(8n+4) a em {background-color:#84d018}
#pro_list li:nth-child(8n+5) a em {background-color:#14c760}
#pro_list li:nth-child(8n+6) a em {background-color:#f3b613}
#pro_list li:nth-child(8n+7) a em {background-color:#ff8a4a}
#pro_list li:nth-child(8n+8) a em {background-color:#fc5366}




#pro_list {border:0; overflow: hidden;}
#pro_list li { border:1px solid #CCC; margin-bottom:6px; border-radius:5px;}
#pro_list li:last-child{ border-bottom:1px solid #CCC;}


.primg{ width:80%; max-width:500px; height:auto;}


#right_a2{ padding-top:20px; width:100%; margin:0 auto;text-align:center; line-height:27px; font-size:14px; float:left; background:#FFF;}
#right_a2 ul{}
#right_a2 ul li{width:46%; float:left; text-align:center; height:auto; margin:0 2%;}	
#right_a2 ul li h3{ font-size:12px; line-height:15px; height:15px; overflow:hidden; text-align:center;}
#right_a2 ul li a img{ background:#fff; padding:4px; border:1px solid #CCC;}		
#right_a2 p{ text-align:center; color:#3d3d3d; height:30px; line-height:30px; margin:0; padding:0;}



.mainbox{ width:100%;}
.about-box{ width:80%; margin:0 auto;}

.about-box h2{ font-size:16px; font-weight:normal;}

/*banner动画*/
.slider{display:none; width:100%; height:auto; margin:0 auto; text-align:center; margin-top:1px;}/*用于获取更加体验*/
.focus span{width:10px;height:10px;margin-right:10px;border-radius:50%;background:#666;font-size:0}
.focus span.current{background:#fff}