﻿@charset "utf-8";

/*-------------------------------   index 首页---------------------------------*/


/*----- notice s -----*/
.section{ width:100%; margin:auto; position:relative; clear:both; }
.nsbg{width: 100%; height: 44px; background: #215400; border-bottom: 1px solid #52a814; border-top: 1px solid #52a814;}
.nsbd{ width: 1000px; height: 44px; margin: 0 auto;}
.notice{width:1000px ;height: 44px; line-height: 44px; float: left; }
.notice .title{ width:80px; float:left;font-size:16px; font-weight:bold; line-height:44px; color: #7df127; }
.notice .noticenr{width:920px;height:44px; float:left;font-size:14px; line-height:44px; color:#7df127;}

/*----- product s -----*/
.cjBd{ width:1000px;  margin:0 auto;  padding-bottom: 40px; overflow: hidden;}
.propic{ width: 220px; min-height: 402px;background: #348502; float: left; margin-right: 20px; position: relative; padding-bottom:80px;}
.propicT{ width: 220px; height: 47px; text-align: center;  line-height: 47px;padding-top: 60px; font-size:24px; color:#ecff11; background: url(../images/index_26.jpg) left bottom no-repeat #ffffff;  }
.proclass li{ width:180px; display:block;  line-height:47px; font-size:14px; color:#baff88; padding-left:40px; border-bottom:1px solid #40b102;background:url(../images/arrow2.png) 195px 18px no-repeat;}
.proclass a{font-size:14px;color:#baff88;}
.proclass a:hover{color:#faff6a}

.piclist{width:1000px; padding-top:38px; }
.piclist ul{width:1000px;}
.piclist li{ width:177px;  background: #bae39b; margin-right: 17px;margin-bottom: 20px; float:left;  }
.piclist li .pic{width:165px; height:170px; padding:4px; border: 2px solid #bae39b; background:#ffffff; }
.piclist li .pic a{ float:left;width:165px; height:170px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.piclist li .title{width:177px; height:30px;line-height:30px; background: #348502; text-align: center;font-size:14px; color:#dfffc7 }
.piclist li .title a{color:#dfffc7 }
.piclist .hover .pic{ border: 2px solid #57b015;}
.piclist .hover .title{background:#57b015}

/*----- title s -----*/
.Ttitle { width:305px; height:54px; padding-left: 55px; line-height: 35px;  font-size: 30px; color: #333333;  position:relative; background: url(../images/index_40.png) left center no-repeat;}
.Ttitle  span{color:#348502}
.Ttitle .english{color:#b1b8ac;font-size:14px; line-height: 20px;  text-transform:uppercase; font-family: arial;}
.Ttitle3 { width:125px; height:54px; padding-left: 235px; padding-top:20px; line-height: 35px;  font-size: 30px; color: #333333;  position:relative; background: url(../images/index_40.png) 180px center no-repeat;}
.Ttitle3  span{color:#348502}
.Ttitle3 .english{color:#b1b8ac;font-size:14px; line-height: 20px;  text-transform:uppercase; font-family: arial;}
.Ttitle4 a{ width:130px; height:54px; display: block; margin: 0 auto; padding-left: 55px; line-height: 35px; font-size:30px; color:#333333;  position:relative; background:url(../images/index_40.png) left center no-repeat;}
.Ttitle4 a span{color:#348502}
.Ttitle4 .english{color:#b1b8ac;font-size:14px; line-height: 20px;  text-transform:uppercase; font-family: arial;}
.Ttitle5 { width:100%; height:54px; line-height: 35px; font-size: 30px; color: #e4f202; position:relative;}
.Ttitle5  span{color:#c1ffa1}
.Ttitle5 .english{color:#64eb0a; font-size:14px; line-height: 20px;  text-transform:uppercase; font-family: arial;}

.more{ width:135px; height:20px; background: url(../images/index_35.png) left bottom no-repeat;  position:absolute; right:30px; bottom:20px;}
.more a{ font-size:14px;width:105px; height:20px; display: block; line-height: 20px; padding-left: 30px; color: #baff88;}
.more2{ width:135px; height:20px; background: url(../images/index_35.png) left bottom no-repeat;  position:absolute; right:30px; bottom:23px;}
.more2 a{ font-size:14px;width:105px; height:20px; display: block; line-height: 20px; padding-left: 30px; color: #baff88;}
.more3{ width:135px; height:20px; background: url(../images/index_35.png) left bottom no-repeat;  position:absolute; left:0px; bottom:23px;}
.more3 a{ font-size:14px;width:105px; height:20px; display: block; line-height: 20px; padding-left: 30px; color: #baff88;}

/*----- news s -----*/
.ncBd{ width:100%; margin:0 auto; padding-bottom:20px; background: #e6fbd6; border-top:2px solid #bae39b;border-bottom:2px solid #bae39b;}
.nbody{ width: 1000px; overflow:hidden; margin: 0 auto;}

.newsList{ width: 363px; padding-top:35px;   float: left;}
.newsList ul{width:363px; overflow:hidden}
.newsList ul li{ font-size:14px; width:363px; line-height:42px; border-bottom:1px dotted #858585; }
.newsList ul li p{ width:345px;height:20px; font-size: 12px; line-height: 20px; padding-bottom:6px; color: #666;  font-weight: normal;}
.newsList ul li a{ color:#666666}
.newsList ul li a:hover{ color:#348502}

.contact{ width:244px; height:184px; padding-top: 136px; padding-left: 30px; float: left;background:url(../images/index_10.jpg) left top no-repeat;}
.contact .title a{ font-size:14px; color:#000000; height: 26px; line-height:26px;}
.contact .tel{padding-left:30px;color:#f6ff01;font-family:impact; font-size:23px;   height: 44px; line-height:44px; text-transform:uppercase;}

/*----- case s -----*/
.picbg{ width: 100%; overflow:hidden; padding: 30px 0;}
.circle_bg{ height:247px; width:1000px; margin:0 auto; padding-top:20px;}
.mr_frbox{float: left;width: 100%;height: 247px;position: relative;}
.mr_frBtnL{cursor:pointer;display:inline;top:82px;left:20px;position: absolute;}
.mr_frBtnR{cursor:pointer;top:82px;right:0;position: absolute;}
.mr_frUl{ margin:0 auto;width: 910px; overflow: hidden;}
.tempWrap ul{height:247px;overflow: hidden;}
.tempWrap{width: 940px !important; margin:0 auto; }
.icase{ width: 1002px; overflow:hidden; padding:0 0 30px; margin: 0 auto; border: 1px solid #66c619; background: #52b701;}
.product-ul{ float:left; width:103%}
.product-ul li{ float:left; width:208px; display:inline; padding:9px 0 0; margin:0px 10px ; position:relative; overflow:hidden;}
.product-ul li .rimg{ float:left; width:200px; height:150px;border: 2px solid #bae39b;padding: 2px; background:#fff;}
.product-ul li .rimg span { float:left; width:200px; height:150px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.product-ul li p.wor{ background:#348502; float:left; width:100%; line-height:30px;  font-size:14px; margin:10px 0 0 0px; text-align:center; color:#dfffc7;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*----- about s -----*/
.cpBg{ width: 100%; height:320px;  background: #348502;}
.cpBd{ width:1000px; height:260px; padding-bottom: 30px; padding-top: 30px; margin:0 auto;}
.cp_left{ float:left; width:620px; height:260px; padding-right:30px;}
.cp_right{ float:right; width:350px; height:260px;}

.spec{ position:relative;}
.specnr{ width: 578px; height: 158px; padding:20px; border: 1px solid #2d6d03; background: #98e063; margin-top: 10px; position: relative;}
.specnrArrowT,.specnrArrowB{ width:19px; height:23px;}
.specnrArrowT img,.specnrArrowB img{ display: block;}
.specnrArrowT{ position:absolute; top:-1px; right: -1px;}
.specnrArrowB{ position:absolute; bottom:-1px; left: -1px;}
.sdemo { height:170px; line-height:2.1; font-size:14px; text-indent:0px; color:#333; overflow:hidden;}

.company{}
.companynr{width:350px; height:250px; padding-top: 10px;  overflow:hidden; color:#c1ffa1; font-size:14px; line-height:26px; }
.companynr p{ font-size: 14px; color: #FFF; padding-top: 7px; }

















