﻿@charset "gb2312";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; line-height:20px; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; background:#eef6fe url(../images/headerbg.jpg) repeat-x;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
table{ border-collapse:collapse;}
a,img{ border:none;}
a:hover{ color:#F30;}
a:focus{ outline:none;-moz-outline:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.icn{ background:url(../images/icn.jpg) no-repeat;}


#header{ height:175px;}
.top{ height:38px; overflow:hidden; line-height:38px; color:#999; width:1002px; margin:0px auto;}
.top a{ color:#999; padding-left:15px; margin-right:10px;}
.a1{ background-position:0px -44px;}
.a2{ background-position:0px -28px;}
.a3{ background-position:0px -11px;}
.a4{ background-position:0px 4px;}
.more{ background-position:0px -136px; width:30px; height:12px; display:block; float:right; margin-top:10px;}
.go{ background-position:0px -60px; width:28px; height:18px; display:block; float:right; margin-top:15px;}
.logo{ height:83px; padding:5px 0px; width:1002px; margin:0px auto;}
.logo .left{ width:0px; margin-left:15px;}
.logo .right{ width:410px; height:37px; background:url(../images/sousuo.jpg) no-repeat; margin-top:24px;}
.logo .right input{ float:left;}
.inptext{ width:320px; border:0; height:24px; margin-left:10px; margin-top:8px; color:#999; float:left;}
.inpbutton{ width:67px; border:0; height:30px; margin-left:10px; background:transparent; margin-top:4px; cursor:pointer; float:right;}
.nav{ height:44px; width:1002px; margin:0px auto;}
.nav li{ float:left; font-size:14px; font-weight:bold; line-height:44px; background:url(../images/navbk.jpg) left no-repeat; text-align:center; width:118px; padding-left:2px;}
.nav li a{ color:#fff; display:block; height:44px; width:118px;}
.nav li:first-child{ background:none;}
.nav li a:hover,.nav li a.ck{ background:url(../images/navck.jpg); color:#fff;}
.nav li div{ height:25px; line-height:24px; font-size:12px; font-weight:normal; position:absolute; margin-top:2px; _width:300px; _margin-left:-60px; display:none;}
.nav li p.l{ background:url(../images/navleft.png) left no-repeat; height:25px; width:50%; float:left;}
.nav li p.r{ background:url(../images/navright.png) right no-repeat; height:25px; width:50%; float:right;}
.nav li div a{ margin-top:-26px; height:27px; width:70px; _position:relative; _margin-top:-24px; }
.nav li div a:hover{ background:none; text-decoration:underline;}

#content{ padding:15px; width:972px; margin:0 auto; background:url(../images/cenbg.jpg) repeat-x #fff;}
h1{ height:36px; background:url(../images/h1bg.jpg) no-repeat; line-height:38px; padding-left:30px;}
h1 a{ float:left; display:block; width:116px; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
h1 a:hover, h1 a.ck{ background:url(../images/h1ck.jpg) 0px 4px no-repeat; color:#333;}
.mar{width:460px; float:right; background:url(../images/notice.gif) 0px 14px no-repeat; padding-left:15px; height:36px; line-height:36px;}
.mar marquee{ height:36px; line-height:28px;}
.mar a{ float:none; display:inline; width:auto; text-align:left; font-size:12px; font-weight:normal; color:#FF6600}
.mar a:hover{ background:none; color:#FF6600;}
.new{ margin-top:4px;}
.new li{ height:28px; line-height:28px; padding-left:20px; border-bottom:#ccc dotted 1px; background:url(../images/icn.jpg) 0px -105px no-repeat;}
h2{ border-bottom:#ebebeb solid 2px; margin:5px 0px; height:26px; background:url(../images/aboutus.jpg) left no-repeat; text-align:right;}
.r{}
.r li{ height:47px; border-bottom:#ccc dotted 1px;}
.r li img{ float:left;}
.product{ height:115px; background:#f3f7fa; width:942px; padding:15px; overflow:hidden; margin-top:10px;}
.product ul{ width:960px;}
.product li{ height:115px; margin-right:22px; width:138px; float:left;}
.product li img{ height:91px; width:138px;}
.product p{ margin-top:5px; padding-left:18px; background:url(../images/icn.jpg) 0px -84px no-repeat;}
.gam{}
.gam li{ height:53px; background:url(../images/hdbg.jpg) no-repeat; line-height:53px; font-size:14px; font-weight:bold;}
.gam li a{ color:#fff; padding-left:50px;}
.rz{ width:159px; padding:5px;}
.rz a{ text-indent:-999px; display:block; width:159px; height:54px;}
#left1{ background:url(../images/r1.jpg) no-repeat;}
#left1:hover,#left1.ck{ background:url(../images/r1ck.jpg) no-repeat;}
#left2{ background:url(../images/r2.jpg) no-repeat; margin:5px 0px;}
#left2:hover,#left2.ck{ background:url(../images/r2ck.jpg) no-repeat;}
#left3{ background:url(../images/r3.jpg) no-repeat;}
#left3:hover,#left3.ck{ background:url(../images/r3ck.jpg) no-repeat;}
h3{ background:url(../images/h1right.jpg) right no-repeat; height:24px; line-height:24px; text-align:center; width:300px; margin:auto; margin-bottom:10px;}
h3 a{ background:url(../images/h1left.jpg) left no-repeat; display:block; height:24px; color:#fff; font-size:14px; font-weight:bold;}

#link{ border:1px solid #CCCCCC; margin:0px auto; overflow:hidden; width:970px; color:#666; background:#fff; padding-bottom:8px;}
#link .you_top{ background:url(../images/you_bg.jpg) repeat-x; border-bottom:1px solid #CCCCCC; height:30px;}
#link .you_top b{ background:url(../images/you_l.jpg) no-repeat; float:left; font-size:16px; height:26px; padding:4px 0 0 15px; width:123px;}
#link ul{ padding:10px 15px 0; white-space:nowrap;}
#link ul li{ float:left; line-height:25px; padding-right:14px;}
#link a{ color:#666;}


.box{ border:#ccc solid 1px;}
.box h4{ height:47px; margin:1px; background:url(../images/lfetbg.jpg) repeat-x; width:216px; display:block; font-size:16px; color:#fff; font-weight:bold;border-bottom:#ccc solid 1px; margin-bottom:1px; line-height:44px; padding-left:20px;}
.box strong.s1{ background:url(../images/left1.jpg) 0px 4px no-repeat; height:46px; display:block; padding-left:50px; }
.box strong.s2{ background:url(../images/left2.jpg) 0px 4px no-repeat; height:46px; display:block; padding-left:50px; }
.box strong.s3{ background:url(../images/left3.jpg) 0px 4px no-repeat; height:46px; display:block; padding-left:50px; }
.boxmain{ background:url(../images/boxbg.jpg);}
.list{ background:url(../images/boxtop.jpg) repeat-x; padding:10px;}
.list li{ background:url(../images/listli.jpg) no-repeat; height:46px; line-height:46px; width:160px; padding-left:60px; margin-top:10px;}
.list li a{ font-size:14px; font-weight:bold;}
.list li:first-child{ margin-top:0px}
.sousuo{ background:url(../images/boxtop.jpg) repeat-x; padding:20px 10px;}
.sousuo .main {background:#fff; border:#ccc solid 1px; height:20px; padding: 7px 0 7px 7px; width:208px;}
.textBox{ color:#999; border:0; width:164px; text-align:right; padding-right:5px; border-right:#ccc solid 1px; height:20px; line-height:20px;}
.searchBT{ border:0; background:url(../images/ok.jpg) no-repeat transparent; text-indent:-999px; width:29px; height:20px;}
.tel{ background:url(../images/left-tel.jpg) no-repeat; width:140px; height:38px; font-size:14px; padding-left:53px; line-height:38px;}
.aboutus{ background:url(../images/boxtop.jpg) repeat-x; padding:20px 22px;}
.right .box .title { background: url(../images/topLine.gif) repeat-x scroll left 49px transparent; font-size: 16px; height: 56px; line-height: 40px; padding-left: 75px; padding-right: 20px; padding-top: 8px;position: relative; font-weight:bold;}
.aboutBox { padding: 10px 20px;}
.right .box .title span{ float:right; font-size:14px; font-weight:normal;}
.right .box .title .icon {border-bottom: 1px solid #CECECE;border-right: 1px solid #CECECE;height: 60px;left: 0; position: absolute;top: 0;width: 60px;}
.newslist{}
.newslist li{ border-bottom:#ccc dotted 1px; height:30px; line-height:30px; padding-left:14px; background:url(../images/list.jpg) 0px 11px no-repeat;}
.newslist li a{ display:block; float:left; width:550px;}
.newslist li span{ display:block; float:right; width:80px; color:#89939c;}

.aboutBox h5{ font-size:18px; font-weight:bold; text-align:center;}
.sp{ border-top:#ccc dotted 1px; border-bottom:#ccc dotted 1px; margin:8px 0px 15px; height:28px; line-height:28px; font-size:14px; color:#999; text-align:center;}
.sp span{ width:230px; display:block; float:left;}

.productlist{ width:700px;}
.productlist li{ width:200px; float:left; margin:12px;}
.productlist li img{ border:#ddd solid 1px; width:198px; height:130px;}
.productlist li a:hover img{ border:#FF6600 solid 1px;}
.productlist li p{ text-align:center; font-size:12px; font-weight:bold;}
.pro{ height:150px; width:220px;}
.pro img{ padding:4px; border:#ccc dotted 1px; width:198px; height:130px;}



/*page*/
.content_page{ margin:20px 8px 8px; text-align:right;}
.content_page a{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ccc; color:#666; margin:1px; padding:3px 6px;}
.content_page a:hover{ color:#FF6600;}
.content_page span{border:1px solid #CCC; margin:1px; padding:3px 6px;}
/*endpage*/

#footer{ background:url(../images/footerbg.jpg) repeat-x; padding:15px; width:972px; margin:0 auto; height:100px; line-height:22px;}
#footer .right{ font-size:14px; font-weight:bold; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:url(../images/tel.jpg) 0px 5px no-repeat; width:300px; height:60px; padding-left:60px; margin-top:10px;}
#footer .right span{ color:#ff831f;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	 div{ border:none;}
	table{ position:relative;}
	.nav li p.l{ position:absolute; width:51%;}
 }