body{ background-color:#525252; color:#585858;}
#header, #header-inside, #logo{ margin:0; padding:0; border:0; display:block;}


.clr{ margin:0; padding:0; border:0; float:none; clear:both; font-size:0; height:0; width:100%;}


#header{ width:100%; height:35px; float:left; background:url(../images/header-bg.jpg) repeat-x;}
#header-inside{ width:960px; height:35px; margin:0 auto; overflow:hidden;}

#navigation{ width:100%;  margin:10px 0 0 0; float:right;}
#navigation ul{ list-style:none; margin:0; padding:0; border:0;}
#navigation ul li{ list-style-type:none; font:12px normal Tahoma, Geneva, sans-serif; float:right; display:inline; margin-left:10px;}
#navigation ul li a{ color:#d8d8d8; text-decoration:none; padding:5px 10px; outline:0;}
#navigation ul li a:hover{ color:#fff !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#1d1d1d; }
.activ{color:#fff !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#1d1d1d; }

#slider, #slider-inside{ margin:0; padding:0; border:0; display:block;}

#slider{ width:100%; height:460px; background:#fff; float:left;}
#slider-inside{ width:960px; height:390px; margin:0 auto; margin-top:55px;}

div#slideshow {width:960px; height:390px; margin:0; padding:0;position:absolute; z-index: 5;}
div#slideshow ul#slides { margin:0; border:0; padding:0;}
div#slideshow ul#nav {list-style: none;position: relative; top: 315px; z-index: 9999;margin:0; border:0; padding:0;}
div#slideshow ul#nav li#prev {float: left; margin: 0 0 0 740px; }
div#slideshow ul#nav li#next {float: right; margin:0 130px 0 0;}
div#slideshow ul#nav li a {display: block; width:40px; height: 30px; text-indent: -9999px; outline:0;}
div#slideshow ul#nav li#prev a {background:url(../images/prv.png);}
div#slideshow ul#nav li#next a {background: url(../images/next.png);}
div#slideshow ul#slides {list-style: none;}
div#slideshow ul#slides li {margin:0;}

.logo2{ width:160px; height:87px; position:relative; z-index:99999; left:5px; top:-45px;}

#press{width:100%; height:75px; background: url(../images/news.jpg) repeat-x; float:left;}
#press-inside{width:960px; margin:0 auto; padding-top:19px;}
.pre-text1{ font:18px Tahoma, Geneva, sans-serif; font-weight:600; color:#575757; padding:8px 5px 10px 0; float:left; border-right:1px solid #e3e3e3;}
.pre-text2{ font:18px normal Tahoma, Geneva, sans-serif; color:#575757; padding:8px 5px 10px 10px; float:left; }
.pre-text2 a{ font:13px normal Tahoma, Geneva, sans-serif; color:#575757; padding:14px 5px 10px 5px; color:#00b4ff; text-decoration:none;}
.pre-text2 a:hover{ color:#F30;}
.width1{ width:430px;}
.width2{width:350px;}

#container{width:100%; min-height:100px; height:auto; float:left; background-color:#fff; padding-bottom:30px;}
#container-inside{ width:960px; min-height:100px; height:auto; margin:0 auto;}
#logo{ width:160px; height:87px; margin:0 auto; margin-top:20px;}

#container-inside h1{ width:100%; text-align:center; font:18px normal Tahoma, Geneva, sans-serif; color:#006efb; line-height:3em;}
.context{ width:800px; font:14px normal Tahoma, Geneva, sans-serif; color:#515151; line-height:1.6em; text-align:center; margin:0 auto; padding-bottom:50px;}

.tab{ width:220px; height:300px; float:left; }
.tab img{ width:220px; height:128px; overflow:hidden; float:left;}
.tab-text1{ font-size:21px; font-family: 'trade_gothic_lt_stdBdCnno20'; color:#ff6c00; width:100%; float:left; padding:10px 0;}
.tab-text2{ font-size:12px; color:#515151; width:90%; float:left; padding:0 0 10px 0;}
.btn{ width:87px; height:26px; background:url(../images/btn.jpg) no-repeat; float:left; padding:5px 0 0 14px; text-shadow: 1px 1px #3473ba;}
.btn a{ color:#fff; font:12px normal Tahoma, Geneva, sans-serif; text-decoration:none;}
.btn:hover{background:url(../images/btn-over.jpg) no-repeat;}

.mar10{ margin-right:26px;}

.sub-menu{ min-width:100px; width:auto; height:150px; padding:0; margin:0; border:0; margin:40px 0 20px 0; padding-right:25px; border-right:1px solid #d2d2d2; float:left;}
.sub-title{ font:15px normal Arial, Helvetica, sans-serif; color:#181818; padding-bottom:10px;}

.sub-list{ float:left; padding:0; margin:0;}
.sub-list ul{ list-style:none; margin:0; padding:0; border:0;}
.sub-list ul li{ list-style-type:none; font:12px normal Arial, Helvetica, sans-serif; line-height:1.7em; padding-left:15px; background:url(../images/list-bulet.png) no-repeat left center;}
.sub-list ul li a{color:#181818; text-decoration:none;}
.sub-list ul li a:hover{color:#333;}

.padl{ padding-left:30px;}

#footer{ width:100%; height:89px; background: url(../images/footer-bg.jpg); float:left;}
#footer-inside{ width:960px; height:89px; margin:0 auto; text-align:center;}

.footer-link{ width:200px; font:14px normal Tahoma, Geneva, sans-serif; color:#f3f3f3; padding-top:25px; margin:0 auto;}
.footer-link a{ color:#f3f3f3; text-decoration:none;}
.footer-link a:hover{ color:#ff6c00;}

.footer-link2{ width:400px; font:12px normal Tahoma, Geneva, sans-serif; color:#f3f3f3; padding-top:15px; margin:0 auto; text-align:center;}
.footer-link2 a{ color:#559bea; text-decoration:none;}
.footer-link2 a:hover{ color:#ff6c00;}

/* about */
.small-banner{width:100%; height:110px; float:left; background-color:#fff;}
.small-banner-inside{width:960px; height:110px; margin:0 auto;}
.logo3{ width:160px; height:87px; margin:10px 0px 20px 5px; border:0; padding:0; float:left;}
.header-img{ width:790px; height:110px; overflow:hidden; float:right; }

.title-div{ width:950px; padding:5px 0 5px 10px; display:block; background-color:#efefef; font:24px normal Tahoma, Geneva, sans-serif; color:#006efb;}

.abt-img{ width:330px; height:550px; margin-top:20px; overflow:hidden; float:left;}

.text-context{ width:570px; font:14px normal Tahoma, Geneva, sans-serif; color:#515151; line-height:1.4em; text-align:justify; margin:0 auto; padding:35px 0 50px 0; float:right;}
.text-context p{ width:100%; font-size:18px; font-family: 'trade_gothic_lt_stdBdCnno20'; color:#ff6c00; padding-bottom:5px;}


/* project page */

.project-link-div{ width:220px; min-height:400px; height:auto; float:left; background:url(../images/project-nav.png) no-repeat right center; margin-top:30px; overflow:hidden;}

.project-link-div ul{ list-style:none; float:right; margin-top:120px; padding:0; margin-right:2px;}
.project-link-div ul li{ width:100%; list-style-type:none; font-size:14px; font-family: 'trade_gothic_lt_stdBdCnno20'; float:right; margin-bottom:20px; display:block; text-align:right; padding:0;}
.project-link-div ul li a{ color:#ff6c00; text-decoration:none;border:1px solid #c8c7c7; padding:4px 15px 4px 25px; background-color:#e9e9e9; border-right:0;-webkit-border-radius: 0px 0px 0px 30px; -moz-border-radius: 0px 0px 0px 30px; border-radius: 0px 0px 0px 30px; outline:0;}
.project-link-div ul li a:hover{ color:#006efb;}
.pr-active{color:#006efb !important; }

.project-display-div{width:700px; font:14px normal Tahoma, Geneva, sans-serif; color:#515151; line-height:1.4em; text-align:justify; margin:0 auto; padding:0 0 50px 0; float:right; margin-top:30px;}

/* corrent project */
.cur-project-img{ width:698px; height:200px; float:left; overflow:hidden; margin-bottom:30px;
 -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #c8c7c7;}
.project-display-div p{ width:100%; font-size:20px; font-family: 'trade_gothic_lt_stdBdCnno20'; color:#666; padding-bottom:5px;}

.project-display-div  td{ font:14px normal Tahoma, Geneva, sans-serif; color:#3d3d3d; padding:12px 0;}
.td1{ text-align:center; padding:10px;}

.project-display-div  th{ text-align:center; background-color:#CCC; padding:10px;}
.project-display-div tr{ border-bottom:1px solid #fff;background-color:#fafafa;}

.project-display-div  tr:nth-child(odd){ background-color:#f3f2f2;}

/* past project */
.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}





/* media  */

.media-text-context{ width:100%; font:14px normal Tahoma, Geneva, sans-serif; color:#515151; line-height:1.4em; text-align:justify; margin:0 auto; padding:35px 0 50px 0; float:left;}
.media-text-context p{ width:100%; font-size:18px; font-family: 'trade_gothic_lt_stdBdCnno20'; color:#ff6c00; padding-bottom:5px;}
.media-text-context span{ font-size:11px; padding:0 0 10px 0; color:#bdbdbd;}
.media-img{ width:100%; float:left; text-align:center; margin:0 auto;}


/* contact */
.con-form{ width:400px; margin:20px auto; min-height:100px; height:auto; float:left;}

.inp{float:left;
	color:#818181;
	padding:7px 8px;
	margin-bottom:12px;
	-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;
	font:12px normal Arial, Helvetica, sans-serif;

	-moz-box-shadow: inset 5px 5px 10px 10px #f2f2f2;
	-webkit-box-shadow: inset 5px 5px 10px 10px #f2f2f2;
	box-shadow: inset 5px 5px 10px 10px #f2f2f2;

	border:1px solid #bdbdbd;
}
.size1{width:366px;}
.btn1{ float:left;}

input:focus, textarea:focus {
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#submit {
  background-color: #d14545;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#dadada));
  background-image: -webkit-linear-gradient(top, #8c8c8c, #dadada);
  background-image: -moz-linear-gradient(top, #8c8c8c, #dadada);
  background-image: -ms-linear-gradient(top, #8c8c8c, #dadada);
  background-image: -o-linear-gradient(top, #8c8c8c, #dadada);
  background-image: linear-gradient(top, #8c8c8c, #dadada);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #bdbdbd;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
}

#submit:hover,
#submit:focus {
  background-color: #e97171;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#8c8c8c));
  background-image: -webkit-linear-gradient(top, #dadada, #8c8c8c);
  background-image: -moz-linear-gradient(top, #dadada, #8c8c8c);
  background-image: -ms-linear-gradient(top, #dadada, #8c8c8c);
  background-image: -o-linear-gradient(top, #dadada, #8c8c8c);
  background-image: linear-gradient(top, #dadada, #8c8c8c);
}       

#submit:active {
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#submit::-moz-focus-inner {
  border: none;
}


/* network page */
.count{ width:25px; float:left;}
.cs-content{ width:675px; float:left; padding-bottom:25px; display:block;}

.list-1{ margin:0;}
.list-1 ol{ list-style:upper-roman;}
.list-1 ol li{ list-style-type:upper-roman; padding:10px 0;}


/* industry supply */
.ind-sup{ width:300px; height:220px; float: left; margin-right:30px; margin-bottom:30px; overflow:hidden;}
.ind-sup p{ width:100%; text-align:center; padding-top:10px; display:block; float:left;}
.ind-sup img{ width:300px; height:180px; border:1px solid #999; float:left;} 

/* asphalt_work */
.asp-work{ width:300px; height:180px; float: left; margin-right:26px; margin-bottom:30px; border:1px solid #999;}
.asp-work img{ width:300px; height:180px; overflow:hidden;} 

.asp-work-1{ height:180px; margin-bottom:30px; border:1px solid #999; overflow:hidden;}
.asp-work img{ height:180px; margin:0 auto;} 

.asp-work-2{ width:463px; height:180px; float: left; margin-right:26px; margin-bottom:30px; border:1px solid #999; overflow:hidden;}
.asp-work img{ width:100%; height:180px;} 

/* project page */
.proj-list{ margin:0;}
.proj-list ol{list-style:decimal;}
.proj-list ol li{list-style-type:decimal; padding:10px 0; text-align:left;}

/* services and logistics*/
.ser-log{ width:500px; height:350px; margin:30px auto; overflow:hidden;}
.ser-log img{ width:498px; height:300px; overflow:hidden; float:left;border:1px solid #999;}
.ser-log p{ text-align:center; float:left;}