*{margin:0;padding:0;border:0;}
body{ font:normal 12px/20px Arial;color:#333;-webkit-text-size-adjust:none;margin:0 auto;}
ul,li{list-style:none;}
a{color:#1f1a17;text-decoration:none;}
a:hover{color:#ea7724;}
.clear{clear:both;overflow:hidden;}
.l{float:left;}
.r{float:right;}

.wrap{ width:70%; margin:0 auto;}
.head{height:57px;}
.head img{float:left;margin-right:10px;}
.head h2{ font:bold 16px/30px Arial;float:left;margin-top:20px;}
.head span{ float:right;margin-top:20px;}

.nav{background:url(../images/nav_bg.gif) repeat-x;height:40px;}
.nav li{width:12.5%;line-height:40px;background:url(../images/nav_li_bg.gif) no-repeat right center;float:left;text-align:center;}
.nav li.last{background:none;}
.nav li a,.nav li a:hover{color:#FFF;}

#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 #boxlilast{ border:none;}
#box .boxli a:hover{ background:url(../images/line-txnav.jpg) repeat-x; text-decoration:none;}
#txmenu:hover{ cursor:pointer;}

.banner,.banner img{ width:100%; margin:10px 0;}
.ml,.about,.left,.xx,.fenye{width:77%;}
.pro,.pro1{ width:23.7%; overflow:hidden;float:left; margin-right:1%;}
.pro2{width:77%; height:auto; float:left;padding-bottom:10px;border-bottom:1px dashed #CCC;}
.pro1,.pro2,.xx{margin-bottom:10px;}
.pro1 img{ width:96%;}
.pro img,.pro1 img,.pro2 img,.xx img{padding:1.5%; border:1px solid #CCC;}
.pro img{ width:96%;}
.pro2 img{float:left;margin-right:10px; width:30%;}
.pro h3,.pro1 h3,.pro2 h3{font:bold 12px/14px Arial;margin:5px 0;}
.ts{ margin-right:0;}
.about{margin-top:1.3%; width:97%;}
.about h2,.mr h2{font-size:14px;border-bottom:2px solid #ea7724;margin-bottom:8px;padding-bottom:7px;}
.about img{float:left;margin-right:10px;}
.about span{width:97px;height:25px;background:url(../images/more.gif) no-repeat;text-align:center;line-height:25px;float:right;}
.about span a{color:#FFF;}
.xx h1{font-size:16px;text-align:center;padding:5px 0;border-bottom:1px dashed #CCC;margin-bottom:5px;}
.xx{ float:left; width:96%;}
.xx .hleft{text-align:left;}
.xx h3{font-size:12px;color:#ea7724;}
.xx h3,.xx p,table{width:750px;float:left;}
.xx p{padding:3px 0 5px 0;}
.xx p a{text-decoration:underline;}
.cptu{text-align:center;padding:5px 0;}
.cptu img{margin-right:3%; width:40%;}
.cptu-a{text-align:center;padding:5px 0;}
.cptu-a img{margin-right:3%; width:80%;}

.new li{text-align:right;padding-bottom:10px;border-bottom:1px #F2F2F2 solid;margin-bottom:10px;}
.new li a{float:left;}
.new li span{display:block;text-align:left;}
.fenye li{float:left;padding:3px;}
table{font-family:Tahoma;border-collapse:collapse;color:#000;border-top:20px solid #CCC;margin-top:5px;}
table tr td{border:1px solid #E4E0E0;font-size:11px;padding:2px;text-align:center;}
table .table-eeedan{background:#eee;}
table .table-eeedanlast{background:#F1F1F1;}

.left{ float:left;}
.mr{width:23%;}
.news{height:182px;overflow:hidden;}
.news li span,.new li span{color:#999;font-size:11px;}
.contact li{line-height:14px;padding-bottom:8px;}
.sol{ width:100%; margin-top:10px;}
.sol a:hover{color:#1f1a17;}
.sol h2{background:url(../images/icon2.gif) no-repeat left center;font:bold 14px/30px Arial;padding-left:15px;margin-bottom:5px;border-top:1px solid #CCC;}
.sol h3{font:bold 12px/20px Arial;padding:87px 0 0 10px;}
.sol1,.sol2,.sol3{ width:30%; height:120px;}
.sol1{background:url(../images/index_left1.gif) no-repeat; margin-right:5%;}
.sol2{background:url(../images/index_left2.gif) no-repeat;}
.sol3{background:url(../images/index_left3.gif) no-repeat;}
.pro-a{ width:100%;}
.pro-a p{ width:100%;}

.foot{width:100%;margin-top:10px;padding:10px 0;background:#C0C0C0;text-align:center;line-height:24px;}
.foot a{margin-right:10px;}
.position{ float:left; width:95%; line-height:32px; background:#F8F8F8;border-top:2px solid #ea7724;padding:0 5px;margin-bottom:10px;}
.position h2{font-size:14px;width:auto;float:left;}
.position span{float:right;}
.right{ float:right; width:22%;border:1px solid #CCC;}
.right h2{font:bold 14px/30px Arial;background:#ea7724;border-bottom:3px solid #000;color:#FFF;padding-left:10px;}
.right h3 a{display:block;font:bold 12px/28px Arial;background:#F2F2F2;margin-top:2px;padding-left:10px;}
.right ul{padding-left:10px;}
.right ul li{background:url(../images/ico.gif) no-repeat left center;line-height:14px;padding:5px 0 5px 12px;}
.right span{display:block;line-height:14px;padding:5px;}

@media screen and (max-width:1043px){
    .wrap{ padding:0 1%; width:98%;}
}
@media screen and (min-width:793px){
	#txmenu{ display:none;}
	}
@media screen and (max-width:792px){
	.head img{ width:30%;}
	.nav-a{ display:none;}
	.ml{ width:100%;}
	.mr{ width:100%;}
	.sol1{ float:left; width:45%;}
    .sol2	{ float:left; width:45%;}
	.sol3{ float:left; width:45%;}
	}
@media screen and (max-width:756px){
    .right{ display:none;}
	.left{ width:100%;}
	.pro2{ width:100%;}
	}
@media screen and (max-width:756px){
    .pro1{ width:100%; }
	.pro1 img{ width:30%; float:none; }
	}
@media screen and (max-width:480px){
	.sol1{ float:left; width:80%;}
    .sol2{ display:none;}
	.sol3{ float:left; width:80%;}
    .foot a{ display:none;}
	}
@media screen and (max-width:320px){
	.head img{ width:100%;}
	.sol1{ float:left; width:90%;}
	.sol3{ float:left; width:90%;}
	.pro{ width:66%;}
    .about img{ width:100%;}
	.pro2 img{ width:80%;}
	.pro1 img{ width:50%; float:none; }
	}