/* CSS Document */
#idMainvis {
  width: 100%;
  min-width: 1000px;
  height: 502px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  clear: both;
}
#idMainvis:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 0;
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
}
#idMainvis h2 {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: 53px;
  left: 22px;
  right: 0;
  z-index: 10;
  text-align: right;
}
#idMainvis #slide {
  position: relative;
  height: 502px;overflow:hidden; background:#000;
}
#idMainvis #slide a {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  float:left;
  border:1px solid #ccc;
  border-right:none;
  border-left:4px solid #39982d;
}
#idMainvis #slide a img {
  display: block;
}
#idMainvis #slide a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#idMainvis #slide:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}
/*----Contents------------------------------*/
h2.clH2_1 {
  width: 1000px;
  margin: 35px auto;
  text-align: center;
  font-size:28px;
}
h2.clH2_2 {
	line-height:50px;
  margin: 0 0 30px;
}
#idMainArea {
  width: 100%;
  clear: both;
  overflow: hidden;
  background-color: #e0ffd3;
  float: none;
  padding:10px 0;
}
#clExpansionImgWrap {
  width: 1000px;
  height: 350px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#clExpansionImgWrap li {
  width: 200px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 2;
}
#clExpansionImgWrap li .clExpansionImg {
  display: block;
  margin: 0 0 0 -25px;
  vertical-align: bottom;
  width:250px; height:350px;
}
#clExpansionImgWrap #clExpansionImg01 {
  left: 0px;
}
#clExpansionImgWrap #clExpansionImg02 {
  left: 200px;
}
#clExpansionImgWrap #clExpansionImg03 {
  left: 400px;
}
#clExpansionImgWrap #clExpansionImg04 {
  left: 600px;
}
#clExpansionImgWrap #clExpansionImg05 {
  left: 800px;
}
.clImg {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
.clImg li {
  width: 250px;
  float: left;
  padding: 0;
  margin: 0;
}
.clImg li img {
  vertical-align: bottom;
}
.clImg li a {
  display: block;
  padding: 0;
  margin: 0;
}
#clTransImg li a {
  position: relative;
  display: block;
  width: 250px;
  height: 220px;
  overflow: hidden;
  box-shadow: 0 0 0 8px transparent inset;
  transition: box-shadow .5s;
}
#clTransImg li a:hover {
  box-shadow: 0 0 0 8px rgba(130, 199, 122, 0.7) inset;
}
#clTransImg li a:after {
  content: " ";
  width: 175px;
  height: 155px;
  background: #FFF;
  opacity: 0.75;
  position: absolute;
  top: 34px;
  left: 38px;
  transition: background .5s;
  z-index: 0;
}
#clTransImg li a:hover:after {
  background: #e9f5e9;
}
#clTransImg li a .clTransImgTxt {
  display:table-cell;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
#clTransImg li .bg {
  position: relative;
  display: block;
  width: 250px;
  height: 220px;
  overflow: hidden;
}
#clTransImg li .bg:after {
  content: " ";
  width: 175px;
  height: 155px;
  background: #FFF;
  opacity: 0.75;
  position: absolute;
  top: 34px;
  left: 38px;
  z-index: 0;
}
#clTransImg li .bg .clTransImgTxt {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
#clTransImg li .clTransImgTxt {
  width: 155px;
  height: 135px;
  padding:10px;
  vertical-align:middle;
  text-align:center;
  font-size:16px;
  color:#333;
  transition: color .5s;
}
#clTransImg li a:hover .clTransImgTxt {
  color:#39982d;
}
#clTransImg li .clTransImgTxt i {
	width:100%; height:100%;
	display:inline-table;
	vertical-align:middle;
	text-align:center;
	font-style:normal;
}

#clTransImg li .clTransImgTxt b {
	width:100%; height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-weight:bold;
}
.clSubArea {
  width: 1160px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.clSubArea .clBox01 {
  width: 232px;
  float: left;
  margin-left: 24px;
  border-bottom: 1px solid #39982d;
}
.clSubArea .clBox01 a {
  display: block;
  transition: background-color .3s;
}
.clSubArea .clBox01 a:hover {
  background-color: #fff; /* #e9f5e9 */
}
.clSubArea .clBox01 div {
  width: 232px;
  height: 168px;
  position:relative;
}
.clSubArea .clBox01 div img{
  width: 232px;
  height: 168px;
  display:block;
}

.clSubArea .clBox01 div i {
	display:block;
	position:absolute;
	width: 232px;
	height: 8px;
	background:url(../images/imagebtombg.png) no-repeat center center;
	bottom:0;
	left:0;
}
.clSubArea .clBox01 h3 {
  width: 210px;
  margin: 10px auto 20px;
  text-align: center;
  color:#333;
  transition: color .3s;
}
.clSubArea .clBox01 a:hover h3{
  color: #39982d;
}
.clSubArea .clBox01 .clText01 {
  width: 210px;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 13px;
  color: #333333;
  line-height: 1.3em;
}
#idNewsArea {
  width: 100%;
  margin: 35px auto;
  clear: both;
  overflow: hidden;
  background-color: #E5E5E5;
}
#idNewsArea #idNewsInner {
  width: 880px;
  padding: 20px 60px;
  margin: 0 auto 35px;
  background-color: #FFFFFF;
}
#idNewsArea #idNewsInner #idNewsList {
  width: 880px;
  clear: both;
  overflow: hidden;
  font-size: 13px;
}
#idNewsArea #idNewsInner #idNewsList li {
  border-bottom: 1px solid #E6E6E6;
}
#idNewsArea #idNewsInner #idNewsList li a {
  width: 866px;
  height: 100%;
  display: block;
  color: #4D4D4D;
  padding: 20px 7px 14px;
  transition: all .3s;
}
#idNewsArea #idNewsInner #idNewsList li a:hover {
  color: #39982d;
  background-color: #e9f5e9;
}
#idNewsArea #idNewsInner #idNewsList li .clDay {
  margin-right: 34px;
  color: #39982d;
}
#idNewsArea #idNewsInner p.clBtn01 {
  width: 880px;
  margin: 20px auto 0;
  text-align: right;
}
#idNewsArea #idNewsInner p.clBtn01 a:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
}
.clBoxL01 {
  width: 680px;
  float: left;
}
.clBoxR01 {
  width: 360px;
  float: right;
}
.clBoxR01 p {
  color: #666666;
  margin-bottom: 20px;
  line-height: 0.8em;
}
.clBoxR01 .clBtnwx {
  color: #666666;
  margin-bottom: 20px;
  font-size:28px;
  line-height: 60px;
}
.clBoxR01 .clBtnwx img{
	display:inline-block;
	vertical-align:top;
	float:left;
	margin-right:15px;
}
.clBoxR01 .clBtn02 {
  margin: 70px 0 0;
}
.clBoxR01 .clBtn02 a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}




.news{
    width: 1160px;
    margin: 0 auto;
    color: #666;
	padding:30px 0;
}
.news-left{
    float: left;
    width: 680px;
}
.news-right {=
    float: right;    width:320px
}

.ltup{
    margin: 25px 0 30px 0;
}
.new-img{
    width: 330px;
    float: left;
}
.new-img img{
    width: 330px;
	height:126px;
}

.new-text{
    width: 330px;
    float: right;

}
.new-text a{
    width: 100%;
    height: 100%;
}
.new-text a h3{
    height:25px;
    font-weight: normal;
    font-size: 14px;
    color: #565656;
	overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;
}
.new-text h3 a p{
    line-height: 20px;
}
.new-text p{
    line-height: 20px;
	color:#666;
}
.new-text a:hover h3{
    color: #749900;
}

.new-text a:hover p{
    color: #749900;
}
.new-text a span{
    display: block;
    width: 80px ;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background-color: #39992e;
    border-radius: 5px;
    margin-top: 15px;
}
.new-text a span:hover{
    background-color:#749900;
}

.ltdn{width: 100%;}
.ltdn .ul1{
    float: left;
    width: 330px;
}
.ltdn .ul2{
    float: right;
    width: 330px;
}
.ltdn ul li{
    width: 100%;
    height: 34px;
    line-height: 34px;
    margin-bottom: 20px;
}
.ltdn ul li a{
    display: block;
    width: 100%;
    height: 34px;
	color:#666;
    line-height: 34px;
    border: 1px solid #bbd762;
	overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;
}

.ltdn ul li a span{display: inline-block;width: 34px;height: 34px;text-align: center; line-height: 34px;color: #fff;background-color:#39992e;margin-right: 4px }

.ltdn ul li a:hover{color: #fff;background-color:#90bd00 }
.news-right{float: right;width: 360px}
.news-right ul li{
    margin-bottom: 25px;
    height: 100px;
    line-height: 100px;
    box-shadow: 2px 2px 2px #b6b2b2;
}
.news-right ul li a{
    width: 100%;
    height: 100%;
    display: block;
    line-height: 100px;
}
.news-right ul li a span{
    display: inline-block;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    vertical-align: top;
    width: 220px;
    text-align: center;
    color: #666;
    font-size: 20px;
}
.news-right ul li a:hover span{
    color: #90bd00;
}
.news-right ul li a img{
    display: inline-block;
   width: 140px;
    height: 100px;
}
.inprom{ width:1200px; margin:0 auto; height:535px;}




.abouts{ width:1080px; margin:0 auto 20px; padding-bottom:20px;}
.abouts h3.abotle{ font-size:28px; line-height:48px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.abouts h3.abotle span{ display:inline-block; line-height:48px; border-bottom:2px solid #39982d; margin-bottom:-1px; padding:0 15px;}
.aboutsal{ line-height:48px; font-size:18px;}
.aboutsim{ float:right; margin:10px 0 10px 20px;}


.newsal{ width:1080px; margin:0 auto 20px; padding-bottom:20px;}
.newslef{ width:730px; float:left;}
.newlef{ width:730px; float:left;}
.newlef img{ max-width:100%;}
.newsreg{ width:270px; float:right; border-left:1px solid #ccc;}

.bt_bg{ background:url(../images/bt_bg.png) repeat-x top center; height:900px; margin-top:-30px; padding:20px 0 10px; overflow:hidden;}
.gqbg{ background:url(../images/gqbg.jpg);height:880px; margin-top:-30px; padding:20px 0 10px; overflow:hidden;}


.newslef h3{ font-size:26px; line-height:42px; border-bottom:1px solid #ccc;}
.newslef li{ font-size:14px; line-height:30px; height:90px; padding:15px 15px; border-bottom:1px dotted #ccc;}
.newslef li .newslim{ width:120px; height:90px; float:left; line-height:90px; overflow:hidden; text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslef li .newslim img{ max-width:120px; height:90px; line-height:90px; display:block; text-align:center;}
.newslef li a{ color: #333;}
.newslef li a:hover{ color: #39982d;}
.newslef li .newtels a{ color:#999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslef li .newtels a:hover{ color: #39982d;}

.newlef h3.newtil{ font-size:22px; line-height:42px; border-bottom:1px solid #ccc;}
.newlef p.newtimes{ font-size:14px; line-height:32px; padding:0 10px; text-align:right; margin-bottom:25px;}
.newals{ line-height:36px; font-size:18px;}
.newals img{ width:100%; max-width:730px;}

.newsreg li{ padding-left:15px; line-height:48px; margin:15px 0px 15px 1px; font-size:24px;}
.newsreg li.neronc{ margin-left:-2px; border-left:3px solid #39982d;}
.newsreg li a{ color:#333;}
.newsreg li a:hover,.newsreg li.neronc a{ color:#39982d;}

.newsreg2{ height:770px;}
.newsreg2 li a:hover,.newsreg2 li.neronc a{ color:#d70011;}
.newsreg2 li.neronc{border-left: 3px solid #d70011;}



.pages{ padding: 30px 0 0; text-align:center;}
.pages a{ display:inline-block; margin:0 5px; padding:0 11px; line-height:32px; height:32px; border:1px solid #ccc; color:#333;}
.pages a:hover,.pages a.pageonc{ border:1px solid #39982d; color:#39982d;}

.lisimt li{ float:left; width:343px; border:1px solid #ccc; margin:50px 10px 0; height:140px;}
.listimg{ float:left; width:140px; height:140px; text-align:center; vertical-align:middle;}
.listimg img{ display:block; width:140px; height:140px;}
.listtex{ float:left; width:180px; height:120px; padding:10px; display:inline-table; text-align:center; vertical-align:middle; line-height:30px; font-size:16px;}
.listtex p{ display:table-cell; text-align:center; vertical-align:middle; color:#333;}
.lisimt li .listtex:hover p{ color:#39982d;}
.lisimt li:hover{ box-shadow:0px 0px 3px #ccc; background:#f8f8f8;}

.videolist li{height:auto;}
.videolist .listimg,.videolist .listimg img,.videolist .listtex,.videolist .listimg img{width:100%; height:auto;}

.techsw-title{ padding: 40px 0px;background: #0078d7; color: #fff;}
.techsw-title h1{
  font-size: 38px;
  font-weight: 500;
  height: 47px;
  line-height: 47px;
}
.public{width: 1080px;margin: 0 auto;}
.que{padding: 24px 0; background:#d2d2d2;}
.que-title h2{font-size: 26px;margin-bottom:20px;
  font-weight: 500;
  line-height: 28px; color: #39982d; }
.que-content p{
  font-size: 16px;
  margin: 10px 0 20px 0;
  line-height:30px;
}
.btn{
  display: inline-block;
  padding: 10px 24px;
  font-size: 16px;
  color: #fff;
  background: #39982d;
  margin-top: 8px;
  border-radius:5px;
  font-weight:normal;
  margin-bottom:20px;
}
a.btn:hover{
  color: #fff;
  background: #268a1a;
}
.techsw-content{
  padding-top: 24px;
  padding-bottom: 32px;
}
.install h2{
  font-weight: 500;font-size: 26px;margin-bottom:20px; line-height: 28px; color: #39982d; 
}
.install p{
  font-size: 16px;
  margin: 10px 0 20px 0;
  font-weight: normal;
}
.tog-div{
  margin-top: 64px;
}
.tog-title{
  width: 100%;
  height: auto;
  position: relative;
}
.icon{
  display: inline-block;
  height: 36px;
  width: 36px;
  position: absolute;
  top: 8px;
}
.tog-title .tog-que{
  font-size: 16px;
  font-weight:normal;
  color: #39992e;
  padding: 14px 0 14px 37px;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.tog-title:hover .tog-que{
  color: #0f6704;
  background: #ccc;
}
.tog-content{
  display: none;
  padding-top: 24px;
  position: relative;
}
.tog-content img{
  width: 100%;
  height: auto;
}
.jian{
  display: none;
}
.pcblock{ display:block; }
.wapblock{display:none;}
@media all and (max-width:640px){
.wapnr,.wapnr .newlef,.newsal{width:100%;}
.pcblock{ display:none; }
.wapblock{display:block;}
body{min-width:auto;}
.newlef h3.newtil{padding:0 20px;}
.videolist{padding:0 20px;}
.lisimt li{width:100%;margin:10px 0;}
}