@charset "utf-8";
/* CSS Document */
/*reset*/
*{ padding:0; margin:0;border:none;}
li{ list-style:none; float:left;}
a{color:#fff; text-decoration:none;}
a:hover{color:#f9a713; cursor:pointer;}
.fl{ float:left;}
.fr{ float:right;}
img{ border:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both;}
body{ font-size:12px; background:#fff url(images/body-bg.jpg);color:#959595; font-family:"Microsoft yahei", arial,tahoma,宋体;}
h1,h2,h3,h4,h5,h6{ font-weight:300;}

/*index*/
.head{}
.head .top{ height:120px; width:1000px; margin:0 auto;}
.head .tel{height:44px; padding-left:20px;margin-top:50px;color:#006b0d; font-size:24px;}
.head .tel span{color:#ff8e00; font-weight:bold;}
.head .logo{margin:27px 18px 0 0;float:left;}
.head .by{width:300px;height:60px;margin-top:32px;font-size:16px;color:#f8a815;line-height:24px;padding-left:14px; 
  background: url(images/logo-line.png) no-repeat left center;}
.search{height:32px;width:280px;margin-top:48px;}
#SearchTxt{height:30px;width:200px;background:none;line-height:30px;padding-left:14px;background:#ededed;border:1px solid #d4d5d7;border-right:none;
  float:left;}
#SearchSubmit{height:32px;width:54px;border:none;float:left;cursor: pointer;background:none;line-height:30px;text-align:center;color:#fff;
  background:url(images/seach-bg.jpg);}
.head .nav{height:58px; background: url(images/nav-bg.jpg);}
.head .nav ul{width:1000px;margin:0 auto;height:58px;}
.head .nav li{}
.head .nav li a{ text-align:center; line-height:58px; display:block;height:58px;width:140px;}
.head .nav li.index a,.head .nav li.cur a{ background:#006b0d;}
.head .nav li a:hover{background:#006b0d;color:#fff;}

/*banner*/
.banner{width:100%; overflow:hidden; position:relative;height:460px;z-index:20;border-bottom:1px solid #048624;}
.banner ul{ height:460px;z-index:70;position: absolute;}
.banner li{width:100%;height:460px;float:left; text-align:center;}
.banner li img{width: 1920px;
  height: 460px;
  position: absolute;
  left: 50%;
  margin-left: -960px;}
.banner .tip,.minbanner .tip{position:absolute;bottom:22px;left:50%;margin-left:-45px; width:90px; height:14px;z-index:80;}
.banner .tip em,.minbanner .tip em{ display:block; height:14px; width:14px;  background:url(images/banner-tip.png) no-repeat 0 0 ;float:left;
  margin:0 7px; cursor:pointer;float:left;}
.banner .tip .cur,.minbanner .tip .cur{ background:url(images/banner-tip.png) no-repeat 0 -20px ;}

/*minbanner*/
.minbanner{ height:300px; width:100%;overflow: hidden;position: relative; z-index:20;
  margin-top:-1px;}
.minbanner ul{height:300px;}
.minbanner li{width:100%;height:300px;position:relative;overflow: hidden;z-index:10;background: #fff;}
.minbanner li img{position:absolute;left:50%;margin-left:-960px;height:300px;width:1920px;z-index:10;}


/*main*/
/*product*/
.product{height:584px; padding-top:34px;width:100%; text-align:center;color:#087c26; background:url(images/line.png) no-repeat center 130px;}
.product h5{ font-size:50px; text-transform:uppercase; font-weight:bold; line-height:50px;}
.product h4{ font-size:20px;}
.product .more{ display:block;height:42px; line-height:42px; width:100px; text-align:center; background:url(images/pro-more.png) no-repeat;color:#087c26; margin:0 auto;}
.product .list{width:1004px;height:34px; margin:12px auto;}
.product .list ul{text-align:center;width:100%;height:34px;margin:0 auto;}
.product .list .team{ margin:0 5px;}
.product .list .team a{ display:block;height:34px; line-height:34px; text-align:center; width:104px; background: url(images/pro-list.png) no-repeat 0 -42px;}
.product .list .team a:hover,.product .list .cur a{color:#fff; background:url(images/pro-list.png) no-repeat;}
.product .btn-l{ display:block;height:34px;width:36px; background:url(images/pro-tip.png) no-repeat; float:left; margin-left:10px;}
.product .btn-l:hover{background:url(images/pro-tip.png) no-repeat 0 -50px;}
.product .btn-r{ display:block;height:34px;width:36px; background:url(images/pro-tip.png) no-repeat -50px 0; float:left; margin-left:10px;}
.product .btn-r:hover{background:url(images/pro-tip.png) no-repeat -50px -50px;}
.product .show{height:352px;width:1020px; margin:0 auto; overflow:hidden;position:relative;}

/*product 预设3：4比例
.product .show .wrap{position:absolute;height:352px;left:0;}
.product .show ul{height:352px;width:1020px;overflow:hidden;float:left;}
.product .show li{height:352px;width:234px; margin:0 10px;}
.product .show li .img{height:312px;width:234px; overflow:hidden; position:relative; display:block;}
.product .show li img{height:312px;width:234px; position:absolute;left:0;top:0;}
.product .show .tipic{width:100%;height:36px; line-height:36px; background:#666666; margin-top:5px;}
.product .show .tipic a{ float:left; margin-left:18px;color:#fff;}
.product .show .tipic span{ float:right; margin-right:18px;color:#fff;}
.product .show li:hover .img{width:230px;height:308px;border:2px solid #ff9600;}
.product .show li:hover img{top:-2px;left:-2px;}
.product .show li:hover .tipic{ background:#ff9600;}*/



/*product 预设4：3比例*/
.product{height: 466px;padding-top: 34px;width: 100%;text-align: center;color: #087c26;background: url(images/line.png) no-repeat center 130px;}
.product .show .wrap{position:absolute;height:352px;left:0;}
.product .show ul{height:216px;width:1020px;overflow:hidden;float:left;}
.product .show li{height:176px;width:234px; margin:0 10px;}
.product .show li .img{height:176px;width:234px; overflow:hidden; position:relative; display:block;}
.product .show li img{height:176px;width:234px; position:absolute;left:0;top:0;}
.product .show .tipic{width:100%;height:36px; line-height:36px; background:#666666; margin-top:5px;}
.product .show .tipic a{ float:left; margin-left:18px;color:#fff;}
.product .show .tipic span{ float:right; margin-right:18px;color:#fff;}
.product .show li:hover .img{width:230px;height:176px;border:2px solid #ff9600;}
.product .show li:hover img{top:-2px;left:-2px;}
.product .show li:hover .tipic{ background:#ff9600;}



/*an*/
.ian{width:100%;height:452px; position:relative; background:#087c26;}
.ian .repeat{width:100%;height:10px; background:url(images/repeat.png) repeat-x; position:absolute;top:-10px;}
.ian .sanjiao{ position:absolute;bottom:0;left:50%; margin-left:-28px;}
.an{width:1000px;height:452px; margin:0 auto;}
.about{height:400px;width:490px; padding-top:22px;}
.about .title{height:82px;width:100%;}
.about .title h4{height:35px; line-height:34px; width:94px; padding:38px 18px 8px 5px; background:url(images/about-tip.png) no-repeat 5px 0;color:#087c26; text-align:center;}
.about .title h5{ font-size:40px; font-weight:bold;color:#fff; margin-top:22px; line-height:40px;}
.about .title h6{ font-size:16px;color:#fff; line-height:16px;}
.about p{color:#fff; line-height:28px; font-size:14px; padding-top:20px;height:170px;overflow: hidden;}
.about p strong{color:#ffa200;}

/*news*/
.news{width:460px;height:360px; margin-top:20px;color:#fff; position:relative;}
.news .hot{ position:absolute; left:-32px; background:url(images/hot.png) no-repeat;height:62px;width:62px; padding-top:22px; line-height:62px; 
  text-align:center;color:#087c26; text-transform:uppercase;font-size: 20px;}
.news .more{ display:block;height:34px;width:34px; background:url(images/more.png) no-repeat; position:absolute; bottom:-55px;left:-16px;color:#087c26; text-align:center; line-height:34px;}
.news .title{height:56px;width:300px; margin-left:52px;margin-top:22px; }
.news .title h5{ font-size:40px; font-weight:bold;color:#fff; line-height:40px;}
.news .title h6{ font-size:16px;color:#fff; line-height:16px;}
.news ul{width:100%;height:310px; border-left:1px dotted #fff;}
.news li{ padding:4px 0 0 22px; margin-left:-5px; background:url(images/news-listbg.png) no-repeat 0 16px;width:425px;}
.news li .cont{width:100%; border-bottom:1px dotted #018e25; padding:6px 6px 0 6px;}
.news li:hover .cont{ background:#017520;}
.news li img{height:100px;width:126px; border:2px solid #009025; margin-bottom:10px;}
.news li .fr{width:270px;}
.news li h4 a{ font-size:16px; line-height:16px;}
.news li h4 span{ float:right;}
.news li p{ line-height:23px; margin-top:8px;}

/*contact*/
.contact{width:100%;height:480px; padding-top:40px; background:url(images/big-yy.png) no-repeat center center;}
.contact .title{width:100%;height:66px; text-align:center;color:#068127; background:url(images/line2.png) no-repeat center center;}
.contact .title h4{ font-size:18px;}
.contact .title h5{ font-size:40px; text-transform:uppercase; font-weight:bold; line-height:40px;}
.contact .show{width:1000px;height:300px; margin:40px auto 0;}
.contact .baiduMap{height:300px;width:500px; float:left;}
.contact .cont{height:300px;width:444px; float:right;color:#666666;}
.contact .tel{height:86px; line-height:24px; font-size:22px;}
.contact .tel span{ font-size:36px; font-weight:bold; line-height:50px;}
.contact p{height:220px;width:100%; line-height:32px; font-size:16px;}


/*foot*/
.foot{width:100%;padding-bottom:30px;background:#272727;color:#a2a2a2;}
.foot .nav{width:100%;height:30px; background:#087c27; padding-top:17px;}
.foot .nav ul{width:1000px; margin:0 auto;}
.foot .nav li{border-left:1px solid #fff;}
.foot .nav li.index{ border:none;}
.foot .nav li a{width:140px;text-align:center; line-height:16px; display:block;height:16px;}
.foot .bottom{width:1000px; margin:auto;height:136px; padding-top:14px;}
.foot .bottom .btlogo{border-right:1px solid #353535;height:128px; padding-right:26px; padding-top:8px;}
.foot .fenlei{height:136px;width:400px; padding:0 15px;border-left:1px solid #1b1b1b;border-right:1px solid #353535;}
.foot .fenlei h4{ font-size:20px; padding-left:15px;}
.foot .fenlei span{ margin-left:6px; font-size:18px;}
.foot .fenlei li{height:30px;width:80px; line-height:30px; text-align:center;}
.foot .keyword{height:136px;width:340px; padding-left:18px;border-left:1px solid #1b1b1b;}
.foot .keyword h4{ font-size:20px;}
.foot .keyword span{ margin-left:6px; font-size:18px;}
.foot .keyword p{ line-height:30px; font-size:14px;}
.foot .icopyright{width:100%;color:#6f6f6f; background:#2e2e2e;margin-top:10px;}
.foot .copyright{width:1000px; margin:0 auto;padding:8px 0;}
.foot .copyright p{ float:left;width:700px;line-height:20px;}

/*title2*/
.title2{width:100%;height:40px; border-bottom:1px solid #087c27; line-height:40px;}
.title2 h4{ float:left; height:40px; padding-left:34px; background:url(images/title-leaf.png) no-repeat 10px center; font-size:18px;color:#313131; position:relative;}
.title2 h4 .sj{ position:absolute;bottom:-8px;left:50%;height:7px;width:16px; background:url(images/title-sj.png) no-repeat;}
.title2 h5{ text-transform:uppercase; font-size:12px; margin-left:14px; float:left;}
.title2 .more{ display:block;height:40px;padding-right:26px; line-height:40px; background:url(images/more.png) no-repeat 30px center; float:right;color:#313131;}
.title2 .more:hover{color:#f7a915;}

/*leftnav*/
.page .list{width:260px; padding-top:25px; background:url(images/sidenav-bg2.png) no-repeat left top;color:#fff;}
.page .list2{width:260px; padding-bottom:25px; background:url(images/sidenav-bg2.png) no-repeat -260px bottom;}
.page .list3{width:260px;background:url(images/sidenav-bg2.png) repeat-y right top;}
.page .list .title{height:52px;width:216px; background:url(images/line3.png) repeat-x left bottom; text-align:center; margin:0 auto;}
.page .list .title h4{padding-left:40px; font-size:24px; line-height:24px; font-weight:bold; background:url(images/leaf2.png) no-repeat left center;width:110px; margin:0 auto;}
.page .list .title h5{ line-height:16px; text-transform:uppercase;width:100%; margin:2px auto; font-size:12px;}
.page .list .wrap{width:208px; padding-top:10px; background:url(images/sidenav-bg.png) no-repeat left top; margin:8px auto;}
.page .list .wrap2{width:208px; padding-bottom:10px; background:url(images/sidenav-bg.png) no-repeat -208px bottom;}
.page .list ul{width:208px;background:url(images/sidenav-bg.png) repeat-y right top; padding-top:12px;}
.page .list li{ float:none;height:30px;width:160px; background:url(images/bgimg.png) no-repeat; margin:0 auto; padding-bottom:12px;}
.page .list li a{padding-left:20px; display:block;width:106px; margin:0 auto;height:28px; line-height:28px; background:url(images/leaf1.png) no-repeat left center;}
.page .list li:hover{ background:url(images/bgimg.png) no-repeat left -50px;}
.page .list .cur{ background:url(images/bgimg.png) no-repeat left -50px;}
.page .list li a:hover{color:#fff;}
.page .con{width:216px;background:url(images/line3.png) repeat-x left top; margin:12px auto 0; text-align:center;padding-top:20px;}
.page .con span{font-size:24px;font-family:impact;}
.page .con a{ display:block; height:22px;width:94px; background:url(images/bgimg.png) no-repeat -200px -240px;color:#6ca311; text-align:center; margin:0 auto; line-height:20px;}
.page .con a:hover{ background:url(images/bgimg.png) no-repeat -200px -270px;color:#fff;}
.page .con p{background:url(images/line3.png) repeat-x left top;line-height:24px;text-align:left; padding-top:10px;margin-top: 10px;}

/*page*/
.page{width:1040px;margin:0 auto;min-height:400px;padding:30px 0;}
.page .right .nodata{background:url(images/No-data3.png) no-repeat center top;height:400px;}

.page .right{width:754px;min-height:400px;color:#666;}
.page .right p{padding:10px;line-height:24px;color:#666;}
.page .sitepath{line-height:36px;}
.page .sitepath a{color:#666;}
.page .sitepath a:hover{color:#f8a815;}

/* listNews */
.listNews { margin-top:16px;overflow:hidden;}
.listNews li.item { width:100%; height:33px; line-height:33px;  border-bottom:1px dashed #00823a; }
.listNews li.item a { float:left;height: 20px;margin: 6px 0;line-height: 20px;padding-left:10px;border-left:0px  solid #087c27;display:block;width:600px;color:#666; }
.listNews li.item a:hover { color:#087c27; }
.listNews li.item span { float:right; margin-right:10px; color:#087c27; }

/* listNews2 */
.listNews2 {margin-top:16px;overflow:hidden;   padding-right: 20px;}
.listNews2 li { float:left; padding:10px; width:346px; border-bottom:1px dotted #ddd; }
.listNews2 li .img { float:left; width:150px; height:200px; border:2px solid #cccccc; background:#FFF; }
.listNews2 li .img img { width:150px; height:200px; }
.listNews2 li .img:hover { border:2px solid #087c27; box-shadow:0 0 3px rgba(0,0,0,0.2); }
.listNews2 li .wd { width:180px; float:right; }
.listNews2 li .tit {font-size:14px; line-height:20px; color:#1b7200; }
.listNews2 li .tit a{color:#666;}
.listNews2 li .tit a:hover { text-decoration:underline; color:#087c27; }
.listNews2 li .mark { height:20px; color:#999; }
.listNews2 li .summary {line-height:22px; height:140px; overflow:hidden;  }
.listNews2 li .summary a.more { margin-left:15px; color:#087c27; }
.listNews2 li .summary a.more:hover { text-decoration:underline; }

/* pageNews */
.pageNews { padding:0 20px; }
.pageNews .title { font-size:18px; line-height:24px; padding:15px 0; text-align:center; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; color:#999; border-bottom:1px dashed #ccc;border-top:1px dashed #ccc; }
.pageNews .mark span, .pageNews .main .mark a.msg { margin:0 7px; }
.pageNews .mark .font a { margin:0 3px; color:#ccc; }
.pageNews .mark .font a:hover, .pageNews .main .mark .font a.cur { color:#087c27; }
.pageNews .mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; background:url(../images/web/t.png) -31px 0 no-repeat; color:#1b7200; }
.pageNews .photo { overflow:hidden; text-align:center; margin-bottom:20px; }
.pageNews .photo img { max-width:580px; padding:5px; border:1px solid #ccc; background:#FFF; }
.pageNews .info { margin-bottom:40px; }
.pageNews .info p { margin-bottom:10px; line-height:2; text-indent:2em; }

.relatedLink{width:710px;height:40px;border:1px solid #c8c8c8;line-height:40px;padding:0 10px;margin:0 auto;}
.relatedLink .prevLink{float:left;}
.relatedLink .nextLink{float:right;}
.relatedLink a{color:#666;} 
.relatedLink a:hover{color:#087c27;} 

/* pageProduct */
.pageProduct {margin-top:16px;padding: 10px; }
.pageProduct .photo { height:410px; float:left;  margin-left: 58px;}
.pageProduct .photo img { height:400px; width:300px; display:block; border: 1px solid #3d9000 ; padding: 4px;}
.pageProduct .photo i { display:block;margin-bottom:10px; height:410px; width:310px;}
.pageProduct .photo span { display:block; width:430px; background:#efe6cd; height:30px; line-height:30px; color:#671763; font-weight:700; }
.pageProduct .m { width:676px; padding:10px 0; }
.pageProduct div.ts { font-size:14px; font-weight:700; color:#bbb; height:25px; border-bottom:1px solid #ddd; }
.pageProduct div.infor {  padding-top:10px; margin-bottom:10px; line-height:24px; }
.pageProduct .info { margin:20px 0; }
.pageProduct .wd { float:right; width:290px; height:285px; overflow:hidden; padding:10px; }
.pageProduct .wd h1 { font-size:16px; font-weight:700;  line-height:20px; margin-bottom:7px; }
.pageProduct .wd ul { font-size:14px; }
.pageProduct .wd li.item {line-height:30px;float:none;}
.pageProduct .wd li.item span { color:#999; margin-right:5px; }
.pageProduct .wd li.btn { height:32px;}
.pageProduct .wd li.btn a.order, .pageProduct .main .wd li.btn a.msg { width:80px; height:32px;  line-height:32px; text-align:center;display:block; color:#FFF;
background:#087c27;}
.pageProduct .wd li.btn a.order:hover{ background:#ff8500;}
.pageProduct .wd li.btn a.msg { color:#666; }

.err{color:red;}
.skeyTag{padding:20px;}

/*casepage*/
.caselist{ width:100%; }
.caselist  li{ height:400px; width:260px; margin:6px;}
.caselist  img{ height:340px; width:252px; padding:3px;border:1px solid #09224a; display:block;}
.caselist .topic{ background:#09224a; height:50px; width:244px; line-height:50px; padding:0 8px; font-size:18px;}
.caselist .topic .order{ font-size:12px; text-align:center; border:1px solid #a2927b; color:#a2927b; display:block; height:24px; width:58px; margin-top:12px; 
  line-height:24px;float:right}

/*翻页*/
.pager{display: block; height: auto;padding: 20px 0;text-align: center;width: 100%;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:4px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#087c27;border-color:#6ca311;text-decoration:none;color:#fff;}
.pager .cur{background:#087c27;border-color:#6ca311; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}

.jing_main ul.t li{float:none;}

.baiduShare{height:24px;}
.err{color:red;}
.skeyTag{padding:20px;}


/*预设3：4比例
.productlist{width:100%;overflow:hidden;padding-top: 10px;}
.productlist li{height:352px;width:234px; margin:8px;}
.productlist li .img{height:312px;width:234px; overflow:hidden; position:relative; display:block;}
.productlist li img{height:312px;width:234px; position:absolute;left:0;top:0;}
.productlist .tipic{width:100%;height:36px; line-height:36px; background:#666666; margin-top:5px;}
.productlist .tipic a{ float:left; margin-left:18px;color:#fff;}
.productlist .tipic span{ float:right; margin-right:18px;color:#fff;}
.productlist li:hover .img{width:230px;height:308px;border:2px solid #ff9600;}
.productlist li:hover img{top:-2px;left:-2px;}
.productlist li:hover .tipic{ background:#ff9600;}*/



/*预设4：3比例*/
.productlist{width:100%;overflow:hidden;padding-top: 10px;}
.productlist li{height:230px;width:234px; margin:8px;}
.productlist li .img{height:176px;width:234px; overflow:hidden; position:relative; display:block;}
.productlist li img{height:176px;width:234px; position:absolute;left:0;top:0;}
.productlist .tipic{width:100%;height:36px; line-height:36px; background:#666666; margin-top:5px;}
.productlist .tipic a{ float:left; margin-left:18px;color:#fff;}
.productlist .tipic span{ float:right; margin-right:18px;color:#fff;}
.productlist li:hover .img{width:230px;height:172px;border:2px solid #ff9600;}
.productlist li:hover img{top:-2px;left:-2px;}
.productlist li:hover .tipic{ background:#ff9600;}



/* reInformation */
.reInformation { width:710px; padding:0 10px 10px;margin:20px 0; border:1px solid #ddd; color:#666;}
.reInformation a{color:#666;}
.reInformation a:hover{color:#ff8500;}
.reInformation .tit { height:36px; line-height:36px; text-align:left; padding-top:0px; padding-left:10px;border-bottom:1px solid #ddd; font-size:14px;
  margin-bottom:10px; color:#087c27;  }
.reInformation ul { margin-left:2px; float:left; }
.reInformation li { float:left; width:200px; text-align:center; padding:9px 10px 8px; line-height:20px; border:1px solid #ddd; margin-left:5px; margin-right:4px; 
  display:inline;text-align:center; }
.reInformation li img { width:200px; height:150px; }
.reInformation li img:hover { opacity:0.8; filter:Alpha(opacity=80); }
.reInformation .g { display:block; width:200px; }
.reInformation .t {line-height:30px; }
.reInformation .o, .reInformation .o:visited { float:right; line-height:30px; color:#ec2932; }
.reInformation .t:hover, .reInformation .o:hover { text-decoration:underline; }
.reInformation li.hover { border-color:#ec2932; }