
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
html {-webkit-text-size-adjust:none;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,div,p,span,strong,a,img,em,i,dl,dt,dd,input,button{border:0;padding:0;margin:0;}
body{font:normal 12px/18px Arial;color:#6e6e6e;}
a{text-decoration:none;color:#6e6e6e;}
a:hover{text-decoration:underline;}
ul li,dl,dt,dd{list-style:none;}
.clear{clear:both;overflow:hidden;}
.l{float:left;}
.r{float:right;}


.wrap{ width:72%;  margin:0 auto;}
.top{ width:100%; min-width:1000px; height:5px; border-top:5px solid #545454;}
.logo{ padding:2% 0 2% 0;}
.logo img{  float:left;  width:22%; height:56px; margin-bottom:20px;}
.top-a{ width:54%; margin-top:10px;}
.top-p1{ float:right;  background:url(../gb-img/mail.jpg) no-repeat left;  padding-left:20px; margin-right:20px;}
.top-p2{ float:right; background:url(../gb-img/tel.jpg) no-repeat left; margin-right:25px; padding-left:20px;}
.top-p3 a{ float:right;   margin-right:25px; color:#F60; }

#txmenu{ width:96%; padding:0 2%; height:37px; background:#333;}
#txmenul{ float:left; color:#fff; font:normal 16px/36px Arial;}
#txmenur{ float:right; padding-top:7px;}
#box{ border-top:#5b5b5b solid 1px; border-bottom:#adadad solid 1px; text-align:left;  margin-bottom:20px;}
#box .boxli a{ display:block; width:97%; padding-left:2%; background:#545454; border-bottom:#a5a5a5 solid 1px; font:normal 14px/28px Tahoma; height:28px; color:#fff;}
#box .boxli-a a{ display:block; width:97%; padding-left:2%; background:#545454; border-bottom:#a5a5a5 solid 1px; font:normal 14px/28px Tahoma; height:28px; color:#ea7724;}
#box .boxli #boxlilast{ border:none;}
#box .boxli a:hover{ background:url(../gb-img/line-txnav.jpg) repeat-x; text-decoration:none;}
#txmenu:hover{ cursor:pointer;}

.nav{ width:100%; height:34px; line-height:34px; background:#545454; font-size:14px;}
.nav a{ display:block; color:#FFF; float:left; width:12%; text-align:center;}

.banner,.banner img{ width:100%;}

.content{ margin-top:33px; width:100%;}
.content h1{ font-size:16px; margin-bottom:10px;}
.content h1 a,.index-pro h2 a,.bottom h1 a,.wrap-left h1 a{ color:#ea7724;}
.index-n{ width:30%; float:left;}
.index-n ul li{ background:url(../gb-img/sj.jpg) no-repeat left 5px; padding-left:10px; margin-top:8px;}
.index-p{ width:36%; float:left; border-left:1px dashed #bbbbbb; border-right:1px dashed #bbbbbb; padding:0 2%; margin:0 2%;}
.index-pro{  width:48%;  float:left; margin-right:4%;}
.index-pro h2{ font-size:12px; text-align:center; margin:3px 0;}
.index-pro img{   width:100%; }
.index-c{ width:25%;  float:left;} 
.p1{ background:url(../gb-img/p1-bg.jpg) no-repeat left 9px; padding-left:20px; line-height:24px;}

.bottom{ width:100%;  margin-top:25px; background:#ececec;  padding:13px 0;}
.bottom h1{ font-size:16px; margin-bottom:10px;}
.p2{ display:block; width:40%; float:left;}
.bottom ul{ float:left; margin-left:30px;}
.bottom ul a{ color:#6f6f6f;}

.footer{ width:100%;  height:55px; padding-top:30px; background:#545454; text-align:left; color:#FFF; font-size:14px;}
.footer a{ float:right; color:#FFF;}

@media screen and (max-width:1043px){
    .wrap{ padding:0 1%; width:98%;}
}
@media screen and (max-width:1418px){
    .top-p2{ display:none;}
}
@media screen and (max-width:751px){
    .index-c{ display:none;}
	.index-p{ width:60%;}
    .footer a{ display:none;}
}
@media screen and (max-width:586px){
    .nav{ display:none;}
	}
@media screen and (max-width:553px){
	.index-n{ width:100%;}
	.index-p{ width:100%; border:none; margin-left:0px; margin-top:10px; padding:0px;}
	}
@media screen and (min-width:587px){
	#txmenu{ display:none;}
	}
@media screen and (max-width:504px){
	.logo img{ width:50%;}
    .top-p1{ display:none;}
    .top-p3{ display:none;}
	} 
@media screen and (max-width:320px){
	.logo img{ width:100%;}
	.search{ width:100%; float:left;}
	}  
@media screen and (max-width:543px){
    .bottom ul{ display:none;}
    .p2{ display:block; width:100%; float:left;}	
	}  

.location{ width:100%; padding:11px 0; background:#f9f9f9; border-bottom:1px dashed #c0c0c0;}
.location .wrap{   background:url(../gb-img/home.jpg) no-repeat left; padding-left:20px;}

.wrap-left{ width:29%; float:left; margin:20px 0; }
.wrap-left h1{ font-size:18px;}
.wrap-left h2{ font-size:14px; background:url(../gb-img/list-h2-bg.jpg) no-repeat left 3px; padding-left:12px; margin-top:10px; line-height:16px;}
.wrap-left h2 a{ color:#454545;}
.wrap-left ul{ padding:1px 5px 10px 12px;}
.wrap-left ul li{ background:url(../gb-img/list-sj.jpg) no-repeat left 3px; padding-left:10px; line-height:14px; margin-top:8px;}

.wrap-right{ width:67%; float:right; margin:20px 0;}
.wrap-right h1{ font-size:18px; color:#ea7724;}
.pro{ background:#f0f0f0; margin-top:10px;}
.pro h2,.pro-intro h3{ font-size:14px; border-bottom:1px solid #d9d9d9; padding:2px;}
.pro img{ float:left; margin-right:10px;}
.pro p{ color:#707070; padding-top:5px;}
.inquiry{ margin-top:15px;}
.pro-1{ width:47.8%; float:left; margin-right:20px;}
.nomar{ margin-right:0px;}

.solu-img img{ width:100%;}

@media screen and (max-width:693px){
    .wrap-left{ display:none;}
    .wrap-right{ width:100%;}
	.pro p{ width:100%;}
	.pro-1{ width:100%;}
	}  
@media screen and (max-width:266px){
    .pro img{ width:80%;}
	.pro p{ width:100%;}
	}  
.pro-img,.solu-img{ margin-top:15px;}
.pro-img img{ float:left; margin-right:10px; width:40%;}
.pro-intro{ margin-top:10px;  background:#f0f0f0;}
.pro-intro h3{ padding:2px 5px; color:#ea7724;}
.pro-intro p{color:#707070; padding:5px;}
.wrap-right h4{ font-size:14px; margin:10px 0 2px 0; color:#ea7724;}
#table{ width:100%; text-align:center; border-top:#bbb solid 1px; border-left:#bbb solid 1px; line-height:22px; color:#383838;}
#table tr td{ border:#bbb solid 1px; border-left:none; border-top:none;}
#table .table-eeedan{ background:#e8e8e8;}
#table .table-trtop{ font-weight:bold; background:#d6d6d6;} 
#table .table-eeedanlast{ background:#e8e8e8;}
#table a{ color:#1f1a17; text-decoration:underline;}

.newslist li{ margin-top:10px; color:#6f6f6f;}
.newslist li span{ display:block; text-align:right;}
.newslist li span a{ float:left;} 
.pagelist{ margin-top:15px;}
.pagelist li{ float:left; padding:3px;}
@media screen and (max-width:484px){
    .pro-img img{ float:left; width:100%; margin-bottom:10px;} 
	}  
