@charset "utf-8";
/* CSS Document */

/*首页*/
.bannerbg { width:100%; min-width:1200px; position:relative; height:710px; z-index:2; }
.bannerbg .bannertp { margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.bannerbg .bannertp ul { width:100% !important; }
.bannerbg .bannertp li { width:100% !important; height:710px; overflow:hidden; text-align:center; }
.bannerbg .bannertp li a { display:block; height:710px; }
.bannerbg .bannericon { width:100%; position:absolute; z-index:1; bottom:15px; left:0; height:20px; overflow:hidden; }
.bannerbg .bannericon ul {  text-align:center; }
.bannerbg .bannericon ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; overflow:hidden; background:url(../images/icon1.png) -6px -276px no-repeat; line-height:999px; }
.bannerbg .bannericon ul .on {  background-position: -44px -276px }
.bannerbg .prev,.bannerbg .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-81px; left:5%; width:86px; height:162px; background:url(../images/icon1.png) -0px -92px no-repeat; cursor:pointer;  }
.bannerbg .next { left:auto; right:5%; background-position:-162px -92px; }
.huibg{ background: #fff; }
.huibg1{ background: #fff; }
.index_js{ padding-top:60px;}
.js_left{ float:left; width: 734px; height: 245px; padding: 35px 44px 0 44px; background: #fbfbfb; text-align: left}
.index_js .more{ float: right; width: 56px; height: 22px; text-indent: -9999px; background: url(../images/MORE1.png) center center no-repeat; }
.js_left .txt{ line-height: 38px; margin-top: 40px; height: 200px; overflow: hidden; }
.js_right{ float:right; width: 378px; height: 280px;   position: relative; background: #999;}
.js_right .tel{ padding-top: 65px;  }
.inxsbg{ width:71px; height: 17px; background: url(../images/index_sbg.png) no-repeat; transform: rotate(90deg); position: absolute; bottom:53px; left: -27px;}
.index_ppys{ padding-top:60px; padding-bottom: 60px;}
.ys_left{ float: left; width: 590px; height: 442px; overflow: hidden}
.ys_right{ float:right; width: 610px; text-align: left; position: relative;}
.ys_right .inxsbg{ transform: rotate(0deg); bottom: 0; top: 152px; left: 511px; }
.ysr_top{ background: #64a534; padding: 20px 50px 0 50px; height: 147px; }
.ysr_top p{ color:#fff}
.ysr_top h2.ystxt1{ background: url(../images/indexppys.png) no-repeat; width: 434px; height: 66px; text-indent: -9999px; padding-bottom: 12px;}
.ysr_top .ystxt2{ color: #fff; line-height: 24px; height: 48px;  overflow:hidden; }
.ysr_bom{ line-height: 36px; height: 265px; padding: 10px 50px 0 50px; background: #fbfbfb; overflow: hidden;}
.ysr_bom b{ text-decoration: underline; }
.index_pro .protit{ width: 212px; height: 67px; background: url(../images/indexcpzs.png) no-repeat; margin: 70px auto 12px auto; text-indent: -9999px;}
.index_pro .morebg{ width: 240px; height: 20px; position: relative; background: url(../images/MORE3.png) no-repeat; margin: 70px auto; }
.index_pro .morebg a{width: 73px; height: 73px; display: inline-block; border: 1px solid #a0a0a0; border-radius: 50%; position: absolute; top: -32px; left: 83px; text-indent: -9999px;}
/*产品轮播切换*/
.prolb {width:1400px;position:relative;overflow:hidden;margin: 0 auto; }
.prowarp {width:1193px;height:640px;overflow:hidden;position:relative;margin: 0 auto;margin-top: 20px;}
.procon { left: 0; position: absolute; top: 0;}
.prolist {width: 1193px; height: 883px; float: left;}
.prolist li.goodlist {margin:11px 0;padding:0px 3px;float:left; width:387px; height: 290px;}
.prolist li.goodlist a {overflow:hidden; display:block; border: 1px solid #a0a0a0; position: relative;}
.prolist li.goodlist img {max-width:387px; max-height:500px;}
.prohd{ width:100%; position: absolute; left: 0; height: 35px; line-height: 35px; bottom:-35px; text-align: left; overflow: hidden; transition: bottom 0.2s ease 0s;}
.prohd .hddesc{ text-align: left; position: relative; padding: 0 10px; z-index: 1; color: #fff;  text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.prohd .hdbg{ background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; filter:Alpha(opacity=70);}
.prolist li.goodlist a:hover{ border: 1px solid #000}
.prolist li.goodlist a:hover .prohd{ bottom:0; transition: bottom 0.2s ease 0s;}
.og_prev, .og_next {width:86px; height:162px;background:url(../images/icon1.png) no-repeat;position:absolute;top:50%; margin-top: -81px; cursor:pointer;}
.og_prev { background-position:-0px -92px; left:0px;}
.og_next { background-position:-162px -92px; right:0px;}
/*产品轮播切换*/
.index_news{ padding-top:60px; height: 385px; }
.news_left{ float:left; height: 100%; background: #ed711f; padding-left: 35px; width: 420px; text-align: left; position: relative;}
.news_left .inxsbg{ transform: rotate(-90deg);  right: -28px; left: auto; bottom: auto; top: 61px;}
.news_left .nwtit{ width: 304px; height: 119px; background: url(../images/indexnews.png) no-repeat; margin-top: 67px; text-indent: -9999px;}
.news_left .morebg{ width: 240px; height: 20px; position: relative; background: url(../images/MORE2.png) no-repeat; margin-top: 108px;}
.news_left .morebg a{ width: 73px; height: 73px; display: inline-block; border: 1px solid #fff; border-radius: 50%; position: absolute; top: -32px; left: 83px; text-indent: -9999px;}
.news_right{ float:right; width: 745px; background: #fbfbfb; height: 100%;}
.nwulcon{ padding-left: 55px; padding-right: 48px; }
.nwulcon ul li{ border-bottom: 1px dashed #999; background: url(../images/icon1.png) -120px -10px  no-repeat; padding-left: 20px; padding-top: 32px; text-align: left; height: 35px; line-height: 35px; }
.nwulcon ul li a{  line-height: 35px; display: inline-block; max-width: 510px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.nwulcon ul li a:hover{ color: #ed711f; }
.nwulcon ul li .date{ float: right; color: #999; font-size: 12px;}
.index_hzal{ padding-top:60px;}
.index_hzal .albg{ position: relative; background:url(../images/indexhzal.jpg) no-repeat; width: 100%; height: 633px;}
.index_hzal .topbg{ height: 138px; width: 100%; background:#fff; opacity: 0.8; filter:Alpha(opacity=80); }
.index_hzal h2.altit { position: absolute; top: 35px; width: 440px; height: 66px; left: 50%; margin-left: -220px; background: url(../images/indexal.png) no-repeat; text-indent: -9999px; }
.index_hzhb .hztit{ text-align: center; border-bottom: 1px solid #c3c3c3;}
.index_hzhb .hztit h2{ background:url(../images/indexhzhb.png) 0 70px no-repeat; height: 67px; width: 488px; margin:0 auto; padding-top: 70px; padding-bottom: 32px; text-indent: -9999px;}
.index_hzhb .hzpic{ padding-top:23px; padding-bottom: 73px;}
.hzpic ul li{ float:left;/* height: 100px;*/ width: 33.33%; padding: 5px 0; }
.hzpic ul li a{  /*height: 100px;*/ line-height: 100px; overflow: hidden; display: block}
.hzpic ul li a img{ /*max-height: 100px;*/ max-width: 98% }