/* CSS Document */

* {font-family: "Microsoft YaHei" ! important; font-size:12px; margin:0 auto; padding:0; list-style:none; text-decoration:none;}
img {border:none;}
body{ background:#008738;}
.offcn_header_box { width:100%; height:40px; background:#fff;}
.offcn_header { height:40px; width:960px; background:#fff;}
.offcn_logo { width:170px; height:40px; float:left;}
.offcn_header_center { width:315px; height:20px; padding-top:20px; float:left;}
.offcn_header_center a { padding:0 4px 0 1px; color:#333;}
.offcn_header_right { width:300px; height:25px; float:right; text-align:right; color:#666; font-family:"Microsoft YaHei"; font-size:17px; padding-top:15px;}
.offcn_banner_box { width:100%; height:639px; background:url(../images/zg_banner.jpg) no-repeat center top;}
.offcn_banner { width:1096px;height:639px; margin:0px auto;}
.offcn_banner img { display:block;}

.main{ width:1000px; height: auto; margin-top:10px;}
.main img{ padding:1px; border:1px solid #FFFFFF;}
h2{ height:50px; line-height:50px; font-size:20px; color:#FFFFFF; border-bottom:3px solid #FFFFFF; margin-bottom:20px;}
img{ border:none;}

.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.fl{float:left;}
.fr {float:right;}


.top01{ background:url(banner1.jpg) no-repeat top center; height:455px;}


.main{ width:1000px; margin:0 auto; overflow:hidden;}
.tit1{ width:980px; height:49px; margin:10px auto 0px auto}
.part1{ padding-left:4px;}
.part1 ul li{ float:left; padding-left:5px;}
.part2{width:998px; position:relative;}
.part2_L{ border:1px #FFF solid; float:left;}
.part2_R{ border:1px #FFF solid; float:right;}
.part3{ width:410px; height:262px; margin-left:293px;}
.part3_tit{ background:#000; font-size:16px; font-weight:bold; color:#FFF; text-align:center; height:30px; line-height:30px; margin-top:14px;_margin-top:10px;}
.part3_xt{ background:url(img/tit_2.png) no-repeat; height:55px; margin-top:14px; padding-top:20px; overflow:hidden}
.part3_xt p{ text-align:center; line-height:24px; font-size:14px; font-weight:bold;}
.part3_ny{ line-height:26px; text-indent:26px; font-family:"ËÎÌå"; padding-top:4px;}
.xcbj{  height:395px; margin:10px auto;}
.xcbj ul{ padding-top:26px; padding-left:5px;}
.xcbj ul li{ width:237px; float:left; padding-left:8px; margin-bottom:10px}
.xcbj ul li img{ width:237px; height:178px;}
.xcbj p{ background:url(img/bj_5.jpg) no-repeat; height:34px; line-height:34px; text-align:center; font-size:14px; font-weight:bold;}



.main2{ width:982px; margin:0 auto; overflow:hidden;}
.contleft { width: 238px; float: left; border: 1px solid rgb(191, 191, 191); height:430px}
.contleft img {padding:4px 4px 0 4px; width: 230px; height: 396px; float: left;}
.contleft a {margin: 0px; width: 240px; height: 30px; text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 12px;display: block; float:left}
.contright {width: 245px; float:left;margin-left:6px;}
.contright img {padding:4px;height: 204px; border: 1px solid rgb(191, 191, 191); width:228px}
.contright1 {width: 245px; float:right;}
.contright1 img {padding:4px;height: 204px; border: 1px solid rgb(191, 191, 191); width:228px}


.box{ width:990px; background:#FFFFFF;  border:1px solid #ccc; margin-top:15px}
.slide-product .slide-big{position:relative; }
.slide-product .slide-img,.slide-product .slide-img img{display: block;height:410px;width:630px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-img li{position: relative; float:left; width:630px;}
.slide-product .slide-img .txt{position:absolute; left:0; bottom:0; padding: 0 10px; width:630px; height:32px; line-height:32px; font-size:14px; text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorStr = '#66000000',endColorStr = '#66000000');overflow:hidden;}
.slide-product .slide-img .txt a{color:#FFF; position:relative;}

.slide-product .slide-sml{ width:315px;padding-right:20px;}
.slide-product .slide-sml .top-arr,.slide-product .slide-sml .down-arr{ display:block; width:189px; height:12px; margin:0 auto 5px;background:url(img/arr.png) no-repeat; overflow:hidden;}
.slide-product .slide-sml .down-arr{margin:5px auto 0;background-position:0 -26px;}
.slide-product .slide-sml .top-arr:hover{ background-position:0 -13px;}
.slide-product .slide-sml .down-arr:hover{ background-position:0 -39px;}
.slide-product .slide-sml ul{ height:420px; width:315px; margin-left:5px}
.slide-product .slide-sml li{ float:left; position:relative; width:95px; height:75px; margin:0 5px 10px 5px; _display:inline; cursor:pointer;}
.slide-product .slide-sml li img{display: block;height:75px;width:95px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-sml li .name{ position:absolute; top:0; left:0; padding:35px 10px 20px;width:75px; height:25px; line-height:20px; color:#FFF; text-align:center;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;overflow:hidden;display:none;}
.slide-product .slide-sml li:hover .name{ display:block;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;}


.piclist {margin: 0px auto; width:980px; overflow: hidden;}
.piclist ul li {margin: 0px 10px 0px 0px; width: 304px; height: 176px; float: left; border:1px #cccccc solid; padding:6px;}
.piclist img{ width:304px;}
.piclista {margin: 0px auto 10px; width:980px; overflow: hidden;}
.piclistal {margin-left: 8px;}
.piclista img{ border:1px #cccccc solid; padding:6px;}
.picmarginleft {margin-left: 9px;}
.right p{ font-size:12px; text-indent:25px; line-height:24px;}
.right p a{ color:#ff7200}
.right p.contact{ text-indent:0; padding:10px 0; background:url(img/bg1.jpg) repeat; margin-top:10px}




.mt10{ margin-top:10px}
.pdt20{ padding-top:20px}
.w414{ width:414px}
.w530{ width:540px}
.footer{ width:100%;  height:113px; padding-top:30px; background:url(footer-bg.jpg) center bottom;}
.footer p{ width:1000px; color:#FFFFFF; margin:0px auto; text-align:center; line-height:23px;}
.header{ background:url(../img/topbg.jpg) center top no-repeat; width:100%; height:574px;}
.heiban{ width:1000px; height:274px;}
.heiban img{ width:1000px;} 
.footer{ height:50px; width:100%; margin-top:10px;}