@charset "utf-8";
/* CSS Document */
body{background:url(../images/bg.jpg); font-size:12px; }

.content{ width:100%; background:url(../images/mbg.jpg) repeat-x; display:block; overflow:hidden; position: relative; z-index:1; }
.main{ width:1000px; margin:0 auto;}
.left{ float:left}
.right{ float:right}
.clear{ clear:both;}
.h32{ height:32px; display:block; overflow:hidden}
.yborder{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}

.hidden{ display:block; overflow:hidden}
/*banner*/
.banner{ position:relative;  height:646px; overflow:hidden; z-index:1 }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:646px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:646px;  }
.banner .bd li a{ height:646px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:40px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:#000; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ background:#fff }

/*nav*/
nav{height:64px; width:1060px; position: absolute; margin:-32px auto 0 auto; left:50%; margin-left:-530px; z-index:5}
nav span{width:30px;}
nav ul{ display:block; overflow:hidden; width:1000px; background:#000; float:left}
nav ul li{ width:12.5%; float:left; font-family:fangzhenglibian; text-align:center; height:64px; }
nav ul li a{color:#FFF !important;padding:0 16px; display:inline-block; height:34px; line-height:34px; margin:15px 0; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; font-size:14px; }
nav ul li a:hover,nav ul .on a{ background:url(../images/navhh.png) 0 0 repeat-x; color:#FFF }


/*about ua*/
.about{ background:url(../images/abg.png) 75px 160px no-repeat; margin-top:64px; display:block; overflow:hidden;}
.about h2{width:85px; height:387px; background:url(../images/aboutbt.png) 0 0 no-repeat; float:left}
.about font{ width:400px; height:240px; margin-top:24px; display:block; overflow:hidden; word-break:break-all; line-height:30px; margin-left:32px; float:left; font-size:14px; text-indent:2em}
.about font b{ color:#F00}
.about font a{ color:#C00;}
.about font a:hover{ text-decoration:underline}
.about span{ display:block; overflow:hidden; width:399px; height:250px; margin-top:24px; padding:10px; background:url(../images/spbg.png) center center no-repeat; float:right }

/*honor*/
.honorbox{ display:block; overflow:hidden}
.honorbox h2{ height:36px; background:url(../images/line01.png) center right no-repeat;}
.honorbox h2 span{ float:left; height:30px; background:none}
.honorbox h2 a{ display: block; overflow:hidden; width:56px; height:18px; line-height:18px; color:#FFF; text-align:center;  background:#b11d1d; font-size:12px; font-weight:normal; float:right; border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; margin-top:9px; }
.honorbox h2 a:hover{ background:#F00}
.honor {height:134px; margin:24px 0 32px 0; display:block; overflow:hidden}
.honor ul{ display:block; overflow:hidden}
.honor ul li{ width:184px; height:134px; float:left; margin-right:20px; }
.honor ul li a{ display:block; overflow:hidden; height:134px;} 
.honor ul li a img{ width:100%; height:134px; }
.honorbox span{ display:block; overflow:hidden; height:10px; background:url(../images/line02.png) center center no-repeat }

/*product*/
.probox{ background:#b11d1d; margin:32px 0; padding:24px 0; display:block; overflow:hidden}
.probox h2{ height:64px; background:url(../images/line03.png) center center repeat-x;}
.probox h2 img{ display:block; overflow:hidden; margin:0 auto}
.probox a.more{ display:block; overflow:hidden; width:60px; height:18px; margin:16px auto; background:#FFF; border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; text-align:center; color:#b11d1d}
.probox a.more:hover{ background:#f4f4f4; color:#900}
.product{ display:block; width:1000px; overflow:hidden; margin:16px auto}
.product ul li{ width:237px; height:240px; background:url(../images/probg.jpg) center center no-repeat; float:left; margin-right:20px;}
.product ul li a{ display:block; overflow:hidden;}
.product ul li a img{ width:216px; height:175px; margin:11px;}
.product ul li a p{ height:32px; line-height:32px; text-align:center}

/*main03*/
.mainbox{ background:url(../images/appbg.jpg) 118px bottom no-repeat; margin:0 auto 0 auto; display:block; overflow:hidden; padding-bottom:32px}
.ewmbox{width:180px; float:left;display:block; overflow:hidden; margin-left:32px;}
.ewmbox h2{ margin-top:16px;display:block; overflow:hidden}
.ewmbox span{ height:136px; display:block; overflow:hidden;}
.ewmbox span img,.ewmbox h2 img{ display:block; overflow:hidden; margin:16px auto }
.ewmbox p{ text-align:center; color:#b11d1d; font-size:16px; line-height:30px;}
.ewmbox p b{ font-size:24px;}
/*last*/
.lastbox{ background:url(../images/btbg.jpg) center bottom no-repeat; display:block; overflow:hidden}
.nwesbox{ width:320px;display:block; overflow:hidden; float:right; margin-left:40px;}
.nwesbox h2{ background:url(../images/line03.png) left bottom repeat-x; height:66px;}
.nwesbox h2 em{ float:left; height:22px; margin:22px 0;} 
.nwesbox h2 span{ width:135px; height:55px; display:block; overflow:hidden; background: url(../images/gbtbg.png) center center no-repeat; float:right}
.nwesbox h2 span a{ display:block; overflow:hidden; width:64px; height:15px; background:url(../images/more.png) 0 0 no-repeat; margin:24px; }
.nwesbox h2 span a:hover{ background:url(../images/morehh.png) 0 0 no-repeat;}
.nwesbox dl{ display:block; overflow:hidden; margin:16px 0 8px 0;}
.nwesbox dl dt{ width:136px; height:80px; float:left}
.nwesbox dl dt img{width:136px; height:80px; }
.nwesbox dl dd{ width:164px; float:right}
.nwesbox dl dd h3{ margin-bottom:10px;}
.nwesbox dl dd a h3{ color:#b11d1d; font-size:12px; line-height:18px;}
.nwesbox dl dd a p { color:#666; line-height:18px;}
.nwesbox dl dd a:hover h3{ color:#b11d1d}
.nwesbox dl dd a:hover p{ color:#3d3d3d}
.nwesbox ul li{ height:32px; line-height:32px; background:url(../images/ico04.png) 0 center no-repeat; padding-left:15px;}
.nwesbox ul li a{ color:#3d3d3d}
.nwesbox ul li a:hover{ color:#C00}
/*case*/
.casebox{ height:206px; border:#989898 solid 5px; background:#f5f5f5}
.casebox .hd{ width:112px; height:206px; background:url(../images/albg.jpg) left center no-repeat; float:left}
.casebox .hd img{ display:block; overflow:hidden; margin:24px auto}
.casebox .hd a.more{display:block; overflow:hidden; width:60px; height:18px; margin:0 auto; background:#b11d1d; border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; text-align:center; color:#fff}
.casebox .hd a.more:hover{background: #b11d1d; color:#fff}
.case{ display:block; overflow:hidden; width:844px; margin-top:24px; height:158px; float:left;}
.case ul li{ display:block; overflow:hidden;width:190px; height:158px; float:left; margin-right:20px;position:relative }
.case ul li a { display:block; overflow:hidden;}
.case ul li a img{width:190px; height:158px;}
.case ul li a h3{ display:block; overflow:hidden; width:190px; height:30px; line-height:30px; padding:5px; background:#000;-moz-opacity: 0.7; opacity: 0.7;filter: alpha(opacity=70);opacity:0.7; color:#FFF; position:absolute; z-index:8}
.casebox span{ width:34px; height:206px; float:right; background:url(../images/albgrr.jpg) right center no-repeat}

/*xcy*/
.xcy{ display:block; overflow:hidden; width:677px; height:100px; margin:64px auto}

/*footer*/
.sy_footer{background:#000; border-top:#b11d1d solid 4px; padding:125px 0 36px 0; position:relative}
.sy_footer span{ display:block; overflow:hidden; position:absolute; top:0; margin-top:-44px;left:50%; margin-left:-155px;}
.sy_footer span img{display:block; overflow:hidden; margin:0 auto;}
.sy_footer p{text-align:center; color:#7b7b7b; line-height:30px;}
.sy_footer p img{ display:block; overflow:hidden; width:80px; height:80px; margin:0 auto}

/***********home-end***************sun-start***************/
.subtop{ height:199px; display:block; overflow:hidden; background:url(../images/subbg01.jpg) top center no-repeat; position:relative; z-index:1}
.logo{ margin-top:40px;}

/*footer*/
.sub_footer{background:#000; border-top:#b11d1d solid 4px; padding:24px 0;}
.sub_footer span{ display:block; overflow:hidden; margin:0 auto 24px auto;}
.sub_footer span img{ display:block; overflow:hidden; margin:0 auto;}
.sub_footer p{text-align:center; color:#7b7b7b; line-height:30px;}
.sub_footer p img{ display:block; overflow:hidden; width:80px; height:80px; margin:0 auto}
/*left*/
.sub_left{ width:245px; background:url(../images/subleftbg.png) top right no-repeat;display:block; overflow:hidden}
.left_con{ display:block; width:220px; overflow:hidden;position:relative }
.sbt{ width:55px;min-height:220px;display:block; overflow:hidden; margin:118px auto 0 auto; }
.sbt h2{ font-size:24px; width:24px;float:left;word-wrap:break-word;word-wrap: break-word;  
letter-spacing: 4px;  }
.sbt p{ height:18px; min-width:240px;position:absolute; right:-24px; top:200px; margin-left:6px;
 display: block; float:right; font-size:18px; color: #F00; margin-top:96px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}

.s_content{ display:block; overflow:hidden; background:url(../images/subico.png) top center no-repeat; margin-top:80px; text-align:center; color:#b11d1d; font-size:16px; padding-top:66px;line-height:30px}
.s_content b{ font-size:20px;}

.subapp{ display:block; overflow:hidden; background:url(../images/erweima.png) top center no-repeat; background-size:60%; padding-top:32px; margin-top:32px;}
.subapp img{ display:block; overflow:hidden; margin:0 auto;}

a.lx{ display:block; overflow:hidden; background:url(../images/subtu.jpg) center center no-repeat; border:#bbbbbb solid 2px; width:197px; height:65px; margin:24px auto;   }
a.lx:hover{ background-size:98%}

/*right*/
.sub_right{background:#FFF; width:675px; min-height:820px;display:block; overflow:hidden; padding:40px;}
.sub_right .hd{height:30px; line-height:30px; background:url(../images/line03.png) left center repeat-x;}
.sub_right .hd span{ height:30px; float:right; padding-left:16px; background:#fff; color:#999}
.sub_right .hd span a{ color:#999}
.sub_right .hd span a:hover{ color:#F00}

article{ display:block; overflow:hidden; margin-top:32px;}
article h1{ font-size:24px; text-align:center; line-height:30px;}
article h5{ height:24px; line-height:24px; background:#f4f4f4; text-align:center; margin-bottom:32px; color:#999; margin-top:16px;}
article h5 i{ font-style:normal; margin:0 8px; font-weight:normal; font-size:12px;}
article p{ text-indent:2em; line-height:30px; font-size:14px; color:#666}
article img{ max-width:100%; margin:16px auto;}

.prenext{ display:block; overflow:hidden; margin:32px auto}
.prenext ul li{ height:30px; line-height:30px; margin:8px 0; display:block; overflow:hidden; background:url(../images/line03.png)}
.prenext ul li span{ text-align:center; color:#FFF; font-size:14px; float:left; height:30px; background:#b11d1d; padding:0 24px;}
.prenext ul li a{ display:block; overflow:hidden; float:left; margin-left:16px; color:#3d3d3d}
.prenext ul li a:hover{ color:#b11d1d}

/*sub-news*/
.subnewsbox{ display:block; overflow:hidden}
.subnewsbox dl{ border-bottom:#ddd dashed 1px; padding:24px 0; display:block; overflow:hidden }
.subnewsbox dl dt{ display:block; width:88px; height:74px; border: #b11d1d solid 1px; text-align:center;font-size:16px; color:#b11d1d; float:left;}
.subnewsbox dl dt h4{ height:48px; line-height:48px; color:#FFF; font-size:30px; background:#b11d1d}
.subnewsbox dl dt p{ line-height:26px;}
.subnewsbox dl dd{ width:563px; display:block; float:right}
.subnewsbox dl dd a{display:block; overflow:hidden}
.subnewsbox dl dd a h2{ font-size:16px; line-height:30px; overflow:hidden;}
.subnewsbox dl dd a p{ color:#999; line-height:24px;}
.subnewsbox dl dd a:hover h2{ color:#b11d1d }
.subnewsbox dl dd a:hover p{ color:#666}

/*sub-product*/
.subprobox{ display:block; overflow:hidden}
.subprobox dl{border-bottom:#ddd dashed 1px; padding:24px 0; display:block; overflow:hidden }
.subprobox dl dt{display:block; width:145px; height:125px; border: #ddd solid 1px; float:left;}
.subprobox dl dt img{ width:145px; height:125px;}
.subprobox dl dd{width:506px; display:block; float:right}
.subprobox dl dd a{display:block; overflow:hidden}
.subprobox dl dd a h2{ font-size:16px; line-height:30px; overflow:hidden;}
.subprobox dl dd a p{color:#999; line-height:24px;}
.subprobox dl dd a p em { font-style:normal; color:#666; font-weight:bolder}
.subprobox dl dd a:hover h2{ color:#b11d1d }
.subprobox dl dd a:hover p{ color:#666}

/*knowlist*/
.knowbox{ display:block; overflow:hidden}
.knowbox dl{ border-bottom:#ddd dashed 1px; padding:24px 0; display:block; overflow:hidden }
.knowbox dl dt h2 a{ height:40px; line-height:40px; background:url(../images/ico5.jpg) left center no-repeat; padding-left:30px; font-size:16px;}
.knowbox dl dd{ color:#999; line-height:24px;}
.knowbox dl dd a{ color:#F00}
.knowbox dl dd a:hover{ text-decoration:underline}

/*subimglist*/
.subimglist{display:block; overflow:hidden}
.subimglist ul li{ width:195px; border:#ddd solid 1px; float:left; padding:4px; margin-right:24px; margin-top:24px;}
.subimglist ul li a{ display:block; overflow:hidden}
.subimglist ul li a span{ border-bottom:#ddd solid 1px; height:150px; width:195px; background:#FFF; display:block; overflow:hidden}
.subimglist ul li a span img{ max-height:100%; max-width:100%; margin:auto; display:block; overflow:hidden}
.subimglist ul li a p{ line-height:30px; text-align:center;}
.subimglist ul li a:hover{ color:#b11d1d; background:#f4f4f4}

/*contact*/
.sublxbox dl {display:block; overflow:hidden; margin:32px auto}
.sublxbox dl dt{ display:block; width: 275px; height:180px; margin-top:40px; float:right}
.sublxbox dl dt img{ width:100%; height:100%}
.sublxbox dl dd{ width:400px; display:block; overflow:hidden; float:left}
.sublxbox dl dd p{ line-height:36px; color:#666}

/*jion-fushi*/
.jionfs{ display:block; overflow:hidden}
.jionfs h2{ height:40px; line-height:40px; border:#ddd solid 1px; background:url(../images/subbg02.png)2px center no-repeat; margin-top:24px;}
.jionfs h2 span{ display:block; font-size:16px;overflow:hidden; float:left; margin-left:30px;}
.jionfs h2 i{ width:40px; height:40px; background:url(../images/ico02.png) center center no-repeat; float:right; margin-right:24px;}
.jionfs h2:hover,.jionfs .on{ background:#b11d1d url(../images/subbg02hhh.png) 2px center no-repeat;border:#b11d1d  solid 1px; color:#FFF}
.jionfs .jmcon{ border:#ddd solid 1px; padding:16px;overflow:hidden; display:block}
.jionfs .on i{background:url(../images/ico03.png) center center no-repeat;}


.jionbox{ display:block; overflow:hidden; font-size:14px; color:#666}
.jionbox p{  min-height:32px; line-height:30px; margin:16px 0; display:block; overflow:hidden}
.jionbox p span{ float:left; text-align:right; width:185px; display:block; overflow:hidden}
.jionbox p input[type="text"]{ border:#ddd solid 1px; height:30px; line-height:30px; width:290px; padding-left:8px; margin-left:8px; float:left}
.jionbox p input[type="radio"] { line-height:32px; margin:12px 8px 0; float:left}
.jionbox p i{ float:left; font-style:normal;}
.jionbox p textarea{ border:#ddd solid 1px; min-height:90px; line-height:30px; padding:8px; width:290px; margin-left:8px;}

.linejm{ border-bottom:#ddd dashed 1px; padding-bottom:24px; margin-bottom:24px; display:block; overflow:hidden}
.jionbox p input[type="submit"]{ width:120px; height:40px; line-height:40px; background:#b11d1d; color:#fff; text-align:center; border:#8a0000 solid 1px; margin:16px 24px 0 194px; float:left}
.jionbox p input[type="submit"]:hover{ background:#8a0000}
.jionbox p input[type="reset"]{ width:120px; height:40px; line-height:40px; background:#ddd; color:#666; text-align:center; border:#ccc solid 1px; margin:0 24px; margin:16px 24px 0 24px; }
.jionbox p input[type="reset"]:hover{ background:#ccc; color:#3d3d3d}