@charset "utf-8";
/* CSS Document */
*{ border:none; font-family:"微软雅黑"; font-size:12px; color:#333333;}
a{ text-decoration:none; display:block;}
ul,li,ol{ list-style:none; margin:0px; padding:0px;}
body,h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,span,img { margin:0px; padding:0px;}
.clear{ clear:both;}
body { background:#b8b9b8;}
/* top */
.top { background:url(../images/top.jpg) repeat-x top center; height:181px;}
.topcont { margin:0 auto; width:1200px;}
.topcont img { float:left; margin:15px 0 0 15px;}
.topcont p { float:right; height:21px; line-height:21px; margin:25px 0 0 0; width:130px;}
.topcont p a { display:inline-block; color:#999; margin:0 10px;}
.topcont p img { margin:0px; padding:0px;}
.topcont h1 { color:#f8b533; font-size:22px; font-weight:bold; float:right; width:385px; height:25px; line-height:25px; background:url(../images/3.png) no-repeat left; padding-left:30px; margin-top:28px;}

#nav { margin-top:8px; border-right:1px solid #828282; height:45px; margin-right:3px; margin-left:3px;} 
#nav .on { background:url(../images/4.png) no-repeat center;}
#nav.on a { font-size:15px;}
#nav li a { text-align:center; font-size:14px;} 
#nav a:link { color:#fff;} 
#nav a:visited { color:#fff;} 
#nav a:hover { color:#FFF; font-weight:bold; font-size:15px;} 
#nav li {  float:left; width:148px; text-align:center; font-weight:bold; border-left:1px solid #828282; height:45px; line-height:45px;} 
#nav li a:hover{ background:url(../images/4.png) no-repeat center;} 
#nav li ul { line-height: 27px; text-align:left; left: -999em; width:148px; position: absolute; z-index:9999; } 
#nav li ul li{ float: left; width:148px; background: #F6F6F6;} 
#nav li ul a{ wedisplay: block; width: 148px; text-align:center; font-weight:normal; font-size:13px;} 
#nav li ul a:link { color:#666;} 
#nav li ul a:visited { color:#666;} 
#nav li ul a:hover { color:#F3F3F3; font-weight:normal; background:#F5BC5C; font-size:14px;} 
#nav li:hover ul { left: auto; } 
#nav li.sfhover ul { left: auto; } 
#content { clear: left; } 




/* banner */
.banner { margin:0px; padding:0px; background:url(../images/banbg.png) repeat top; height:460px;}
.weichuangyi { width:1200px; height:381px; margin:0 auto; position: relative;}
.weichuangyi_main { width:1200px; height:auto; position:absolute;}
.weichuangyi_main li a img { display:block;	width:1200px; height:381px; position:absolute; left:0; top:0;}
.weichuangyi_span {	width:1200px; height:35px; position: absolute;	left:0;	bottom:0; zoom:1;}
.weichuangyi_span span { width:15px; height:15px; display:block; float:left; margin-left:10px;	background: url(../images/dot.png) no-repeat left bottom;}
.weichuangyi_span p {  height:35px;	margin:0 auto; float:right; margin-right:40px;}
.weichuangyi_span .weichuangyi_span_one{ background: url(../images/dot.png) no-repeat left top;}
.bannv { width:1200px; margin:0 auto; margin-top:10px;}
.bannv ul li { float:left; background:url(../images/6.png) no-repeat center; height:55px; line-height:55px; width:189px; margin:auto 25px;}
.bannv ul li:hover { background:url(../images/5.png) no-repeat center; width:189px;}
.bannv ul li a { display:inline-block; width:100%; text-align:center; font-size:14px;}
.bannv ul li a img { margin-right:10px; margin-bottom:-6px;}

/* continer */
.continer { background:url(../images/cont.png) repeat-x top; height:852px;}
.continer h1 { border-bottom:1px solid #dcdcdc; height:45px; line-height:35px;font-size:16px; padding-left:32px;}
.continer h1 a { display:inline-block; float:right; font-weight:normal; color:#f6ce83; margin-top:5px;}
.cont { width:1200px; margin:0 auto; padding-top:10px;}
.cont1 { float:left; width:355px; height:370px; margin-top:15px; margin-right:18px;}
.cont1 h1 {  background:url(../images/a.png) no-repeat left;}
.cont1 img { margin:10px 0 10px 4px; width:348px; height:150px;}
.cont1 p { line-height:25px; height:145px; overflow:hidden; text-indent:24px;}
.cont1 p span { color:#f9b32c;}

.cont2 { float:left; width:570px; height:370px; margin-top:15px; margin-right:15px;}
.cont2 h1 {  background:url(../images/c.png) no-repeat left;}
.cont2 ul li { float:left;}
.cont2 ul li a { text-align:center; margin:10px 5px;}
.cont2 ul li a img { width:180px; height:128px;}

.cont3 { float:right; width:240px; height:370px; margin-top:15px;}
.cont3 img { margin:22px 0 20px 0;}
.cont3 h2 { background:url(../images/13.png) no-repeat center; height:108px; width:223px; font-size:18px; color:#faa002; line-height:40px; text-align:right; padding-right:15px;}
.cont3 a { background:url(../images/14.png) no-repeat center; height:108px; width:238px; margin-top:20px; line-height:185px; text-align:center; color:#666;}

.cont4 { float:left; width:750px; margin-right:15px; margin-top:70px;}
.cont4 h1 {  background:url(../images/p.png) no-repeat left;}
.contp { height:260px; width:745px; border:#cacaca 1px solid; margin-top:20px;}
.contp dl { text-align:center; padding:0; width:208px; float: left; height: auto; margin:0px 10px; margin-top:30px;}
.contp dt { width:208px; height:170px; padding:0px; padding:3px; background:#fff; border:1px solid #cacaca; overflow: hidden;}
.contp dt img { width:202px; height:170x; margin:0px auto;}
.contp dd { line-height: 40px; margin: 0px; width:208px;  height: 40px;  overflow: hidden; }
.contp dd a {line-height: 40px; width:208px; height:40px; overflow: hidden; text-align: center;}
#demo {	width:735px; overflow: hidden; margin-left:5px;}
#indemo {width: 10000%; float: left;}
#demo1 {float: left;}
#demo2 {float: left;}

.cont5 { float:right; width:425px; margin-top:70px;}
.cont5 h1 {  background:url(../images/n.png) no-repeat left;}
.cont5 ul { margin-top:25px;}
.cont5 ul li { float:left; height:42px; line-height:42px; background:url(../images/15.png) no-repeat left; padding-left:20px; width:400px; border-bottom:dashed 1px #cacaca;}
.cont5 ul li a span { float:right;}
.cont5 ul li a:hover { color:#666;}


/*foot*/
.foot { height:140px; background:#3d3e40;}
.footd { margin:0 auto; width:1200px;}
.footd .dizhi { float:left; margin:10px 0 0 20px; }
.footd .dizhi li { line-height:25px; color:#c3c2c1;}
.footd .dizhi li img { margin-right:5px; margin-bottom:-3px;}
.footd .dizhi li a { display:inline-block; margin-left:10px;}
.footd .lianjie { float:left; margin-top:45px; height:80px; margin-left:20px;} 
.footd .lianjie li { float:left; margin:15px;}
.footd p { color:#ccc; text-align:center; line-height:30px;}
.footd p img { margin-top:15px;}

/***float top***/
.float_top{width:60px; height:200px; position:fixed; bottom:50px; right:10px; z-index:999999;}
.rutop{display:none;}
.fhtop{width:60px; height:60px; margin-bottom:3px; text-align:center; position:relative; cursor:pointer;}
.fhtop h4{ font-weight:normal; color:#fff; line-height:25px; margin:0 5px;}
.fhtop img{width:25px; height:25px;}
#ewm_hd{display:none;width:100px; height:100px; position:absolute; z-index:999999; top:-20px; left:-105px; box-shadow:2px 2px 2px #CCC;}
#ewm_hd img{width:100px; height:100px;}
.f-hide:hover #ewm_hd{display:block;}



/*about*/
.aboutban { margin:0 auto; position:relative; overflow:hidden;}
.aboutban img { width:100%; overflow:hidden;}
.about { margin:0px; padding:0px; background:#b8b9b8 url(../images/about.png) repeat-x center top; width:100%; min-height:644px;}
.abcont { margin:0 auto; width:1200px;}

.ableft { float:left; width:240px; margin-top:20px; margin-bottom:20px;}
.leftnav { width:237px; border:1px solid #d2d2d2; padding-bottom:40px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.leftnav h1 { background:url(../images/atop.png) no-repeat center top; height:51px; line-height:51px; width:239px; color:#f8a401; font-size:18px; text-align:center;}
.leftnav h1 span { color:#f6e4c0; font-size:14px; margin-right:15px;}

/* tjskl-sidebar */
.tjskl-sidebar{ width:237px;}
.tjskl-sidebar ul li { border-bottom:solid 1px #e5e3da; cursor:pointer; font-weight:bold; font-size:15px; color:#333; line-height:40px;  text-align:center;}
.tjskl-sidebar ul li:hover { background:url(../images/a2.png) no-repeat;}
.tj_submain .navContent { background:url(../images/a2.png) no-repeat;}
.tj_submain .navContent a { color:#fff;}
.tj_submain .navContent span a { color:#333;}
.tj_submain .navContent span .onn { color:#F90;}
.tj_submain a{ width:237px;display:inline-block;padding:0 ;height:40px;line-height:40px; font-size:14px;}
.tj_submain a:hover{ color:#fff;}
.tj_submain a.on{ width:237px; position:relative;z-index:90;}
.tj_submain span{ position:absolute; top:0; left:237px; z-index:1; display:none; text-align:left; padding-left:10px; background:#EAEAEA; font-size:12px; border:1px solid #d2d2d2;}
.tj_submain span a{ display:block;height:40px;line-height:40px; width:100px; color:#333; font-weight:normal; font-size:12px;}
.tj_submain span a:hover{ text-decoration:none; color:#F90;}


.left2 { float:left; width:240px; height:370px; margin-top:15px;}
.left2 img { margin:0 0 10px 0;}
.left2 h2 { background:url(../images/13.png) no-repeat center; height:108px; width:223px; font-size:18px; color:#faa002; line-height:40px; text-align:right; padding-right:15px;}
.left2 a { background:url(../images/14.png) no-repeat center; height:108px; width:238px; margin-top:10px; line-height:185px; text-align:center; color:#666;}


.abright { float:right; width:935px; margin-top:20px;}
.abright .righttop { width:100%; border-bottom:#d2d2d2 1px solid; height:51px;}
.righttop h1 { height:51px; line-height:51px; float:left; border-bottom:#F93 1px solid; font-size:16px; padding-left:5px;}
.righttop p { float:right; height:51px; line-height:51px; margin-right:5px; background:url(../images/a1.png) no-repeat left; padding-left:25px;}
.righttop p a { display:inline-block;}
.righttop .dw { color:#F90;}

.aboutp { padding:20px 10px;}
.aboutp h1 { width:100%; text-align:center; font-size:18px; color:#F93;}
.aboutp p { line-height:30px; text-indent:24px; margin:15px 0;}
.aboutp h2 { font-size:20px; text-align:center; color:#666; line-height:50px;}
.aboutp h3 { font-size:14px; text-align:center; color:#666; line-height:40px;}

/*prouduct*/
.aboutp ul li { float:left; width:228px; text-align:center; margin-top:20px;}
.aboutp ul li a { line-height:35px;}
.aboutp ul li a img { width:200px; height:180px; border:#CCC 1px solid;}

.page { float:right; margin-right:30px; line-height:40px; margin-top:20px; margin-bottom:20px;}
.page a { display:inline-block; margin-left:20px; line-height:40px;}
.page a:hover { color:#900;}

.chanpin { border-bottom:dashed #CCCCCC 1px; padding:10px; text-align:center;}
.chanpin img { width:350px; height:250px;}
.chanpin h6 { margin:20px 0 0 0;}
.aboutp h5 { font-size:16px; color:#F60; margin:20px 0 0 0; }


/*news*/
.aboutnews { padding:20px 20px;}
.aboutnews ul li { height:40px; line-height:40px; border-bottom:dashed 1px #999; background:url(../images/15.png) no-repeat left; padding-left:20px;}
.aboutnews ul li span { float:right;}
.aboutnews ul li a:hover { color:#666;}
.aboutnews h1 { width:100%; text-align:center; font-size:16px; color:#F60; margin:20px auto;}
.aboutnews h2 { font-size:12px; color:#999; font-weight:normal; text-align:right; margin-bottom:20px; margin-right:20px;}
.aboutnews p { line-height:30px; text-indent:24px;}


/*contact*/
.contact { padding:20px;}
.contact h1 { height:45px; line-height:45px; font-size:20px; color:#F60;}
.contact p { min-height:35px; line-height:35px; font-size:14px;}
.contact p a { display:inline-block;}
.contact img { width:95%; height:500px; margin:20px auto; border:#CCC 1px solid; }

/* liuyan */
.contact input {  border:1px solid #d7d4d4; height:25px; width:200px;}
.contact table td { font-size:14px;}
.contact table tr { height:45px;}
.contact .tijiao { width:90px; height:30px; background:url(../images/aaa.png) no-repeat center; opacity:0.9; color:#fff; border:none;}