/**
* 公共CSS样式
**/
*{padding:0;margin:0;}
img{border:0;vertical-align:bottom;max-width: 100%;}
a{text-decoration:none;color:#333;}
body{font-size:16px;font-family:"Microsoft YaHei",微软雅黑,宋体,Arial;color:#333;overflow-x: hidden;}
li{list-style:none;}
table{border-collapse: collapse;}
tr,td{margin:0px;border:0px;}

.common{width:100%;display:table;height:auto;}
.div_block{width:1200px;margin:0 auto;display:table;height:auto;position: relative;}

/*页码*/
.pagesdiv{width:100%;float:left;margin-top: 30px;}
.pagination{width:auto;margin: 0 auto;display: table;}
.pagination li{width: auto;border:1px solid #d8d8d8;margin: 0px 8px;font-size: 18px;color:#333;line-height: 26px;float:left;border-radius: 5px;}
.pagination li a{width: 100%;float: left;font-size: 18px;color:#333;padding: 5px 10px;}
.pagination li.active{padding: 5px 10px;background: #1a880a;color:#FFF;border:1px solid #d8d8d8;}
.pagination li.disabled{padding: 5px 10px;background: #efefef;color:#666;border:1px solid #ccc;}


/*页头*/
.header .div_block{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;}
.logo{}
.top_right{font-size: 18px;font-weight: bold;color:#111;padding-left: 75px;background: url(../images/tel.jpg) left center no-repeat;min-height: 62px;}
.top_right span{font-size: 28px;color:#1a880a;}


/*页尾*/
.footer_dh{
    background: #232323;
    border-bottom: 1px solid #525252;
    padding: 25px 0;
}

.footer_dh li{border-left:2px solid #7b7b7b;float: left;padding: 0 67px;}
.footer_dh li a{color:#FFF;font-size: 16px;}
.footer{background: #232323;padding: 20px 0;}
.footer .div_block{display: flex;justify-content: space-between;align-items: center;}
.f_logo{width: 160px;float: left;text-align: center;margin-top: 10px;position: relative;padding: 0 50px;}
.f_cont{width: 560px;float: left;padding: 50px 50px 0 50px;height: 160px;color:#FFF;line-height: 34px;position: relative;}
.f_cont:before{width: 1px;height: 115px;background: #616161;position: absolute;top:0;bottom: 0;margin: auto 0;left:0;z-index: 2;content: '';}
.f_cont:after{width: 1px;height: 115px;background: #616161;position: absolute;top:0;bottom: 0;margin: auto 0;right:0;z-index: 2;content: '';}
.f_weixin{width:140px;height: 140px;margin-left: 70px;display: flex;justify-content: space-between;margin-right: 70px;}
.f_weixin img{width: 140px;height: 140px;}
.f_bq{background: #1f1f1f;padding: 15px 0;text-align: center;font-size: 12px;color:#fefefe;}

/*二级页banner*/
.div_title1{text-align: center;font-size: 20px;color:#888;line-height: 34px;text-transform: uppercase;}
.div_title1 span{color:#1a880a;font-size: 36px;font-weight: bold;}
.sbanner{height: 300px;background-position:center top;background-repeat: no-repeat;}

.main{padding: 50px 0 80px 0;}
.main_cont{width:100%;line-height: 1.75em;position: relative;}

.main_cont1{width: 660px;padding: 30px 60px 30px 30px;background: #d9eaca;color:#234604;margin-top: 40px;}
.main_cont2{position: absolute;top:50px;right: -30%;z-index: 2;}


.xbt{text-align: center;}
.xbt p{padding-top: 20px;color:#666;text-transform:uppercase;line-height: 30px;}
.xbt span{color:#0f763c;font-size: 36px;font-weight: bold;}


.cp_box{width: 290px;float: left;margin-top: 15px;margin-left: 13px;position: relative;overflow: hidden;}
.cp_img{width: 290px;height:210px;}
.cp_img img{width: 290px;height: 210px;}
.cp_bt{width: 260px;padding:0 15px;text-align: center;color:#FFF;font-size: 18px;line-height: 45px;height: 45px;background: rgba(26,136,10,0.8);position: absolute;bottom: -50px;left:0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.cp_box:hover .cp_bt{bottom: 0;}
.productlist{width: 100%;float: left;}

/*新闻列表*/
.xinwen-box{
    padding: 25px 0;
    width: 100%;
    float: left;
}
.xinwen-img{width: 280px;height: 220px;float: left;margin: 0 30px 0 20px;}
.xinwen-sj{width: 100%;float: left;color:#888;font-size: 14px;padding-top: 15px;}
.xinwen-r{width: 830px;float: right;margin-right: 20px;}
.xinwen-bt{width: 100%;float: left;color:#cd9a6b;font-size: 24px;padding-top: 20px;}
.xinwen-bt:hover{text-decoration: underline;}
.xinwen-cont{width: 100%;float: left;margin-top: 15px;font-size: 18px;color:#5d5d5d;line-height: 36px;}



.news_box{background: #FFF;padding:20px;margin-bottom: 20px;display: table;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;-o-transition-duration: 0.5s;border:1px solid #FFF;}
.news_box:hover{box-shadow: 0px 5px 20px #d0cfcf;margin-top: -5px;margin-bottom: 25px;border:1px solid #eee;}
.news_left,.news_left img{width:320px;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}
.news_left{margin-right: 20px;float: left;position: relative;}
.news_right{}
.news_bt{font-size: 18px;line-height: 40px;overflow: hidden;}
.news_bt a:hover{text-decoration: underline;color:#c51691;}
.news_d{font-size: 16px;color:#999999;line-height: 30px;}
.news_d .iconfont{font-size: 16px;}
.news_cont{margin-top: 10px;font-size: 16px;color:#666;overflow: hidden;}
.news_box2 .news_cont{height: 112px;}
.news_box2 .news_bt{margin-top: 15px;width:100%;float: left;}
.news_box2 .news_left,.news_box2 .news_left img{width:100%;overflow: hidden;}
.news_box2 .news_left{margin-right: 0;width:100%;float: left;}
.news_box2{width:43.5%;display: table;margin-left:1.5%;margin-right: 1.5%;float: left;margin-bottom: 2%;}

.news_box3 .news_cont{height: 112px;}
.news_box3 .news_bt{margin-top: 15px;width:100%;float: left;}
.news_box3 .news_left,.news_box3 .news_left img{width:100%;overflow: hidden;}
.news_box3 .news_left{margin-right: 0;width:100%;float: left;}
.news_box3{width:27.9%;display: table;margin-left:1%;margin-right: 1%;float: left;margin-bottom: 2%;}

.news_box4 .news_cont{height: 100px;font-size: 15px;line-height: 24px;}
.news_box4 .news_bt{margin-top: 15px;width:100%;float: left;font-size: 16px;}
.news_box4 .news_left,.news_box4 .news_left img{width:100%;overflow: hidden;}
.news_box4 .news_left{margin-right: 0;width:100%;float: left;}
.news_box4{width:20%;display: table;margin-left:0.75%;margin-right: 0.75%;float: left;margin-bottom: 2%;}

.news_box2:hover,.news_box3:hover,.news_box4:hover{box-shadow: 0px 5px 20px #d0cfcf;-webkit-box-shadow: 0px 5px 20px #d0cfcf;-moz-box-shadow: 0px 5px 20px #d0cfcf;-o-box-shadow: 0px 5px 20px #d0cfcf;border:1px solid #eee;margin-top: 0px;margin-bottom: 2%;}
.news_box img,.news_box2 img,.news_box3 img,.news_box4 img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;-o-transition-duration: 0.8s;}
.news_box img:hover,.news_box2 img:hover,.news_box3 img:hover,.news_box4 img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}

/*文章详情*/
.div_title{width:100%;text-align: center;font-size: 24px;line-height: 32px;float: left;}
.div_time{width:100%;float: left;text-align: center;color:#666;margin-top: 10px;}
.div_cont{width:100%;float: left;text-align: left;margin-top: 25px;}

/*产品列表*/
.news_box .news_left:hover p{display: flex;}
.news_box .news_left p{position: absolute;z-index: 2;width:100%;height: 100%;background: url(../images/ttm.png) center top repeat;top:0;left:0;align-items: center;display: none;}
.news_box .news_left p img{width:100px;height: 100px;margin: 0 auto;}
.news_box .news_left p img:hover,.news_box2 .news_left p img:hover,.news_box3 .news_left p img:hover,.news_box4 .news_left p img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}

/*产品详情*/
.main_box{width:580px;float: left;border:1px solid #eee;padding:3px;}
.main_box1{width:560px;float: right;}
.div_attribute{width:100%;float: left;margin-top: 20px;font-size: 16px;}
.main_jj{width:100%;float:left;height: 40px;color:#FFF;background: #333;line-height: 40px;font-size: 20px;text-indent:20px;margin: 30px 0 0 0;}


/*图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../../fonts/iconfont.eot');
  src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/iconfont.woff2') format('woff2'),
      url('../../fonts/iconfont.woff') format('woff'),
      url('../../fonts/iconfont.ttf') format('truetype'),
      url('../../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 1200px){
    .main{
        overflow: hidden;
    }
}