@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#525356;margin:0;padding:0;background:url(../images/topbg.jpg) repeat-x 0 0;}
img{border:0;}
ul{list-style:none;}
li{list-style:none;}
.Head{min-width:1050px;}
.HeadInner{width:1050px;margin:0 auto;height:150px;}
.TopBlank{padding:12px 0}
.TopLogo{height:77px}

.LogoLink{display:block;width:330px;float:left}
.HeadBandText{width:300px;float:left;font-size:14px;line-height:20px;padding-top:25px;color:#525356}
.HeadBandText strong{font-size:14px}
.banner{width:100%;}
.banner a{display:block;height:400px;width:100%; background:no-repeat center top;}
.clear{clear:both}
p{margin:4px 0;line-height:20px;}
a{ text-decoration:none;color:#333}
a:hover{ text-decoration:underline}
ul{margin:0;padding:0}

ul.TopMenu{height:31px;padding:0;margin:0}
ul.TopMenu li{display:block;float:left; list-style:none;background:url(../images/menuborder.jpg) no-repeat left center; position:relative}
ul.TopMenu li a{display:block;color:#FFF;text-decoration:none;font-size:14px;padding:10px 16px}
ul.TopMenu li a:hover{background:#0065B3;}
ul.TopMenu li.last a{background:url(../images/menuborder.jpg) no-repeat right center}
ul.TopMenu li.last a:hover,ul.TopMenu li:hover{background:#0065B3 url(../images/menuborder.jpg) no-repeat right center}

ul.TopMenu li div.submenu{ position:absolute;width:230px; z-index:100;background:#ffffff;top:34px;display:none;padding-bottom:10px;}
ul.TopMenu li:hover div.submenu{display:block}
ul.TopMenu li div.submenu a{display:block;padding:6px 8px;color:#2c2d2c;}
ul.TopMenu li div.submenu a:hover{color:#ffffff}


#home ul.TopMenu li.home >a,#about ul.TopMenu li.about >a,#prod ul.TopMenu li.prod >a,#proj ul.TopMenu li.proj >a,#solu ul.TopMenu li.solu >a,#newss ul.TopMenu li.newss >a,#serv ul.TopMenu li.serv >a,
#knows ul.TopMenu li.knows >a,#cont ul.TopMenu li.cont >a{background:#0065B3}

.othersite{float:right;color:#0066B2;font-size:13px;font-weight:bold;padding-top:40px;}
.Home-section{float:left;}
.hs{padding-top:30px}
.Home-section h3{font-size:1.17em;color:#210202;margin:0;padding:8px 0}
.news{width: 270px;
	padding-right: 15px}
.product{width:500px;margin:0 5px}
.case{width:200px;}
.news ul{margin:0;padding:0}
.news ul li{display:block; line-height:140%; clear:both; list-style:none;margin:10px 0 0 4px}
.news ul li a{text-decoration:none;color:#333}
.news ul li a:hover{text-decoration:underline}
.news ul li span.ntitle{font-weight:bold}
.news ul li.lastest{margin-bottom:14px}
.news ul li.lastest img{margin:4px 6px 4px 0}
.news ul li span.ndate{float:right}
a.more{color:#FF0000; font-style:italic;}
a.link{color:#FF0000;}

ul.link{margin:0;padding:0}
ul.link li{list-style:none;padding:5px 4px;}


.productbox{float:left;width:147px;margin:6px;display:block;line-height:140%; text-align:center;}
a.productbox  img{margin-bottom:6px}
.ptxt{padding:8px;}
.ptxt h4{margin:0;padding:8px 0 0 0;font-size:16px;}

.Wrap,.footer_inner{width:1000px;margin:0 auto}


.Footer{border-top:2px solid #DEDFE0;margin-top:40px}
.footer_inner{padding:10px 0}
.footer_inner p.copyright{ text-align:center;font-size:12px;color:#6D6E70;}



.bread{background:url(../images/home-icon.png) no-repeat 2px -2px;padding-left:20px;margin:15px 0 30px 0;font-size:14px}
.bread a{color:#000;}
ul#breadcrumb{height:20px}
ul#breadcrumb  li{list-style:none;float:left;padding:0 5px}
ul#breadcrumb  li a:after {
    content: " >";
}




.wrap_left{float:left;width:730px}
.wrap_right{float:right;width:242px}
.wrap_left h3,.wrap_right h3{font-size:15px;padding-bottom:8px;margin:0 0 8px 0;border-bottom:1px solid #cbcccc;}
.wrap_left h5{float:left;width:230px;font-size:12px;padding-bottom:8px;margin:0 13px 8px 0;border-bottom:1px solid #cbcccc;text-transform:Uppercase;}

.wrap_right ul{margin:0 0 20px 0;padding:0}
.wrap_right ul li{list-style:none;color:#000000;font-size:12px;padding:4px 0}
.wrap_right ul li.title{color:#FF0000;font-size:14px}
.wrap_right ul li a{color:#000000}
.wrap_right ul li span{font-size:11px;}

select,input,textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px}
a.abut {background:url(../images/bg.gif) no-repeat;color:#FFF;display:block;padding:4px; text-align:center;max-width:140px;margin:8px 0}
.da_line{border-bottom:1px #cbcccc dashed;display:block;margin:8px 0;}

.contactFrom{margin-bottom:20px}
.contactFrom input{height:16px;width:190px;padding:4px 4px 4px 50px;margin-bottom:10px; background:url(../images/fieldtitle.jpg) no-repeat;border:1px solid #cbcccc}

.contactFrom select{margin-bottom:10px;height:24px;width:240px}
.contactFrom input#email{background-position:left -22px}
.contactFrom input#country{background-position:left -46px}
.contactFrom textarea#inquiry{background:url(../images/fieldtitle.jpg) no-repeat left -72px;padding-left:50px;height:80px;width:190px}


.pimgtop{height:198px;width:100%;background:no-repeat center top}


.red{color:#ED1C24}


/*form*/
.pform{border:2px solid #EBEBEB;padding:8px;margin:20px 0;}
.pform p{font-size:13px;}

.pform input{width:200px;height:20px}

.pform input.submitbutton{border:none;color:#FFF;background:#ED1C24;width:150px;height:30px;font-style:italic;}
.pform textarea{width:300px;height:100px}

/**/


/*photo small project*/
.slidetitle {padding:0 20px}
.slidetitle a{float:right}
.slidetitle strong{font-size:16px}
.imgcSmall {
	width: 730px;
	background:#EBEBEB;
	padding:10px 0;
	margin:20px 0;
}
.imgcSmall p{font-size:16px;font-weight:bold;padding:0 20px}

.imgcSmall .imgthurmb {
	width:  730px;
	height: 130px;
	position: relative;
	margin: 20px 0 0 0px;
	
}
.imgcSmall .thumc {
	height: 120px;
	margin: 0 26px;
	padding: 0;
	width: 678px;
	overflow: hidden;
}
.imgcSmall ul {
	width: 9999px;
	margin: 0;
	height: 120px;
}
.imgcSmall ul li {
	display: block;
	float: left;
 
	list-style: none;
	width: 120px;
	height:110px;
	/*border: 4px solid #ffffff;*/
	margin: 0 8px;
	overflow: hidden;
	cursor: pointer;
	text-align:center
	
}
.imgcSmall ul li img{
	border: 3px solid #ffffff;
	/*width:100px;
	height:70px;*/
}
.imgcSmall a.icl, .imgcSmall a.icr {
	display: block;
	width: 26px;
	height: 64px;
	position: absolute;
	
	background-repeat: no-repeat;
	cursor: pointer;
}
.imgcSmall a.icl {
	background:url(../images/s_left.jpg) no-repeat left center;
	
	left: 0;
	top: 5px
}
.imgcSmall a.icr {
	background:url(../images/s_right.jpg) no-repeat left center;
	right: 0px;
	top: 5px
}
.imgcSmall ul li.sel {
	border-color: #000
}
.imgcSmall .thumc ul li:hover {
border-color:#000
}

/*page*/
.page{height:20px;}
.page a{display:inline-block;padding:3px;margin:0 3px; font-size:12px} 
.page a.sel{background:#CCC;font-weight:bold}

.content p{line-height:150%;padding: 0 10px 10px 10px;}
.content h4{font-size:15px;padding:6px 10px;margin:0}
.content p.h4{font-size:15px;padding-bottom:0px}
.content p.h4 strong{color:red}

.fixed-header {
    position: fixed;   
    top: 0;            
    left: 0;
    width: 100%;        
    background: url(../images/topbg.jpg) repeat-x 0 0;
    z-index: 9999;     
    height: 150px; 
  }

  .TopBlank a {    
    float: right;   
}

.TopBlank span {   
    padding: 4px 10px 4px 20px;
    background: url(../images/icon.gif) no-repeat;
}

.TopBlank .cinfo {
    background-position: 0 -21px;
}

.TopBlank .tpl {
    background-position: 0 2px;
}
 
 body {
    padding-top: 150px; 
  }