﻿/*内页banner*/
.innertopbg{ position: relative; background:url(../images/innerbanner.jpg) no-repeat center top;  background-size:100%;  
  height: 300px }
.innertopbg img{ width: 100%  }
.innertopbg span{ position: absolute; top: 100px; font-size:48px; color:#fff; 
   line-height: 100px; background:rgba(66,135,0,0.7); padding: 0 20px;  }




/*关于我们内页导航*/
.innerpagetitle{ border-bottom: 1px solid #ccc;color: #000; height:50px; 
  line-height: 50px; width: 100%;}

.innerpagetitle strong{ font-size:20px; float: left; font-weight:normal; }
.innerpagetitle p{ float: right; line-height: 50px;  }

.textcon p{ line-height: 30px; font-size: 14px; margin-bottom: 20px; text-indent: 30px }
.textcon img{ margin-bottom: 20px; margin:10px auto; display: inline-block; max-width:100%; }


/*产品中心内页*/
.conleft{ float: left; width: 260px; margin-top: 30px;  }
.conleft img{ background: #29923b ; width: 200px }
.conright{ float: right; width: 920px; float: right; min-height: 500px; background:#fff; padding:0 20px; margin-top: 30px }



.listbox .listbox{ margin-bottom:20px; overflow: hidden; display: block; clear: both; background: #fff }
.listbox .pronav{ background:url(../images/leftbg.png) no-repeat right top #29923b; height: 100px; line-height: 100px; padding-left: 30px; color: #fff; display: block; font-size:25px; font-weight: normal; }
.listbox .prosubnav{ background: #f9f9f9; overflow: hidden; }
.listbox .prosubnav li{ line-height: 50px; background: url(../images/listicon.png) no-repeat 30px 20px ; padding-left: 70px; border-bottom: 1px #efefef dashed ; display: block; }
.listbox .prosubnav li a{ display: block; font-size: 14px }
.listbox .prosubnav li:hover { background: url(../images/listiconhover.png) no-repeat 30px 20px  #29923b; }
.listbox .prosubnav li:hover a{color: #fff}

.question strong{border-bottom: 1px solid #ccc; display: block; margin-top: 30px; line-height: 50px; font-size: 18px; font-weight: normal;  }
.question strong a{ float: right; font-size: 12px; color: #ccc  }
.question strong a:hover{ color: #29923b  }
.question ul li{ height: 30px; line-height:30px; padding-left:20px; overflow: hidden; background: url(../images/icon.png) 5px 12px no-repeat;  border-bottom: 1px solid #f1f1f1 }


.procon{ float: left; width: 925px; padding:30px 0; }
.procon .proconlist li{ float: left; margin-right: 25px; width: 283px; }
.procon .proconlist li img{ width: 100%; overflow: hidden; height: 180px }
.proconlist li{ margin-bottom:30px;border:1px dashed #f8f8f8; background: #fff; text-align: center; }
.proconlist li:hover{ box-shadow: 0px  0px 10px #ccc; transition: 0.5s;}
.proconlist li p{ height: 50px; line-height: 50px; font-size: 18px }




/*新闻列表页面*/
.newslist li{ border-bottom: 1px dashed #dfdfdf; height:50px; padding:10px 0; }
.newslist li a{ display: block; overflow: hidden; height: 100%; width: 100% }
.newslist li span{ float:right; width: 82px;  text-align: center;font-size: 15px;}
.newslist li span em{ display: block; line-height: 30px }
.newslist li span i{ font-size: 12px }
.newslist li p{ float: left; width: 748px; border  }
.newslist li strong{ display: block; line-height: 30px; font-size: 15px; font-weight: normal;padding-left:5px;}
.newslist li b{ display: block; line-height: 30px; font-size: 13px; color: #a8a8a8}
.newslist li:hover{ box-shadow: 0px  0px 20px #ccc; transition: 0.5s;  }


/*分页*/
.page {
  width:100%;
  height:auto;
  margin:0px auto;
  overflow:hidden;
  text-align:center;
  margin:40px 0;
}
.page a {
  padding:10px 15px;
  color:#4c4c4c;
  font-size:12px;
  margin:10px 5px;
  display: inline-block;
}
.page a.cur,.page a:hover {
  background:#29923b  ;
  color:#fff;
}
.page a.nocur {
  background:none;
  color:#4c4c4c;
}


/*新闻详细页面*/
.newcontit{width: 100%; text-align: center;}
.newcontit strong{ font-size: 18px; color: #000;  margin:30px 0 10px 0; display: block; }
.newcontit span{ display: block; margin-bottom:15px;  }
.newcontit span em{ margin-left: 20px }


.nextpage{ margin:20px 0; }
.nextpage p{ line-height: 30px;
 overflow: hidden;display:block;  font-size: 14px; font-weight: bold; color:#000 }
 .nextpage p a{ margin-left: 10px }
 


.productcon {width: 100%; overflow: hidden; margin:50px 0; }
.productcon .proleft{ float: left; width: 350px; }
.productcon .proleft img{ max-width: 350px; overflow: hidden; }

.productcon .proright{ float: left; width: 450px; height: 30px;  margin-left:60px }

.productcon .proright p{ line-height: 40px; }

.productcon .proright p span{ color: #000; font-size: 14px; }
.protext a{background:#79bf1f; font-size: 16px; color: #fff;
 padding:10px 30px; display: inline-block; cursor: pointer; margin-right: 20px; margin-bottom:20px;}





/*留言板*/
.message {
  background: #fff;
  width:500px;
  padding: 20px;
  margin: 0 auto;
  margin-top:30px;
}
.message p{
  text-align: center;
}
.message p strong{
  font-size: 30px;
  display: block;
  color: #000;
}
.message p em{
  color: #eeb819;
  font-size: 14px;

}
.message form{
  margin-top: 20px;
}

.message form label{ 
  display: block;
  margin-bottom: 20px
   }
   
.message form label span{ 
  width: 100px; 
display: inline-block; 
text-align: left;
font-size: 16px;
 }

.message form label input{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: : 40px; 
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px
}

.message form label.button{ 
  width: 100%;
  height: 40px; 
  background: #333333;
  color:#fff; 
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
 }


 .message form label.button input{
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
 }


.message form label textarea{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 5px;
  background: #f1f1f1;
  width: 300px}



.key { margin-top: 20px; }
.key h4{ color: #fff; }
.key div{padding: 10px}
.key p{ font-size: 12px; line-height: 30px; color: #666;   }
.key p span{ color: #000;}



.joincon{ padding-bottom: 50px }
.joinlist h3{ font-size: 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #ccc; }
.joinlist strong{display: block; font-size: 16px; height: 50px; line-height:50px; display: inline-block; }
.joinlist p{ font-size: 14px;  height: 30px; line-height: 30px; color: #555 }







            .vipinfo i{ display: block;  color: #999; font-size: 14px; line-height: 50px; margin-bottom: 30px; }
                    .vipinfo i em{ margin-left: 10px }
                    .vipcon{  border-bottom: 1px solid #ccc; clear: both; width: 100%; overflow: hidden; margin: 20px 0; float: left;margin-top:0}
                    .vipimg{ float: left; width: 290px;margin-left:50px;}
                    .vipimg img{ width: 260px; height: 250px; margin-top: 0 }
                    .vipinfo{ float: right; width:440px;}
                    .vipinfo strong{ font-size: 24px; font-weight:normal; line-height: 30px; display: block; color: #666 }
                    .vipinfo span{ width: 248px; display: inline-block;  font-size: 14px; line-height:28px; color: #333;   }
                    .vipinfo span em{ color: #333 }
                    .gift{ float:left; display: inline-block; width: 100px; text-align: center;  }
                    .gift img{ width: 50px; height: 50px }
                    .viptext{ margin-top: 30px; font-size: 16px; line-height: 30px }
                    p {
                        margin: 0;
                        padding: 0;
                    }
                    .model {
                        position: fixed;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        background: rgba(0,0,0,0.2);
                        z-index: 999;
                    }
                    .model_popup {
                        width: 452px;
                        background-color: #FFFFFF;
                        border-radius: 8px;
                        text-align: center;
                        padding-bottom: 20px;
                        position: absolute;
                        top: 50%; 
                        left: 50%;
                        margin-left: -226px;
                        margin-top: -140px;
                        overflow: hidden;
                    }
                    .model_popup .popup-ts {
                        height: 45px;
                        text-align: center;
                        line-height: 45px;
                        font-size: 16px;
                        color: #333333;
                        font-size: 16px;
                        color: #333333;
                    }
                    .model_toast {
                        width: 452px;
                        background: rgba(0,0,0,.5);
                        border-radius: 8px;
                        text-align: center;
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        margin-top: -120px;
                        margin-left: -226px;
                    }
                    .model_toast .popup-toast {
                        padding: 38px 40px;
                        text-align: center;
                        font-size: 16px;
                        color: #fff;
                    }
                    .model_popup .popup-text {
                        padding: 25px 40px 35px;
                        text-align: center;
                        font-size: 16px;
                        color: #333333;
                        /* border-bottom: 1px solid #f2f2f2; */
                        border-top: 1px solid #99bafa;
                    }
                    .popup-btn {
                        overflow: hidden;
                    }
                    .popup-btn .sure{
                        display: inline-block;
                        width: 100px;
                        height: 34px;
                        line-height: 34px;
                        background-color: #3475f5;
                        cursor: pointer;
                        font-size: 14px;
                        color: #fff;
                        border-radius: 4px;
                        border: 1px solid transparent;
                        /* float: right; */
                        margin-right: 40px;
                    }
                    .popup-btn .alert_sure {
                        margin: 0;
                    }
                    .popup-btn .cancel {
                        display: inline-block;
                        width: 100px;
                        height: 34px;
                        line-height: 34px;
                        cursor: pointer;
                        font-size: 14px;
                        border-radius: 4px;
                        background-color: #fff;
                        border: 1px solid #3475f5;
                        color: #3475f5;

                    }

































































































