@charset "utf-8";
/* CSS Document */
@keyframes myfirst {
  0% {
    left: 50%;
    top: 0%;
  }
  25% {
    left: 50%;
    top: 10%;
  }
  50% {
    left: 50%;
    top: 20%;
  }
  75% {
    left: 50%;
    top: 30%;
  }
  100% {
    left: 50%;
    top: 40%;
  }
}
img {
  outline: none;
}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.relative {
  position: relative;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
* {
  transition: All 0.2s ease-in-out;
  -webkit-transition: All 0.2s ease-in-out;
  -moz-transition: All 0.2s ease-in-out;
  -o-transition: All 0.2s ease-in-out;
}
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
body {
  min-width: 320px;
  background: #fff;padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;
}

ul {
  padding: 0px;
  margin: 0px;
}
ul li {
  list-style: none; list-style-type:none;
}
li{list-style-type:none;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
.fl{ float:left;}
.fr{ float:right;}

.container {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding:0;
}


/*通用文字颜色,大小等等*/

.top_bj{ width:100%; height:auto; background:#2a2f36; line-height:45px; color:#a3a1a1;}
.top_right a{ color:#a3a1a1; padding:0 10px;}
.search{ width:240px; height:37px; position:relative; margin-left:20px;}
.search-text{height: 25px;width:228px; position:absolute; top:10px; left:0;color:#888888; font-size:12px;outline:none; padding-left:10px; border-radius:30px; border:none; background:#fff;}
.search-btn{ width: 37px; height:37px; position:absolute; top:4px; right:0px; background:url(../Image/search.png) center no-repeat; text-indent:-9999px;border:none; }

.head{ padding:1.5% 0;}
.logo {width:50%; height:auto; transition: all 1.7s;z-index: 25; text-align:center;}
.logo img{ max-width:100%;}
.tel{margin-top:10px;background:url(../Image/tel.jpg) left center no-repeat; padding-left:60px;}
.tel span{ color:#c9c9c9; font-size:12px; border-top:1px solid #c9c9c9;}
.tel p{ font-size:30px; color:#000000; margin:0;}

.nav{ width:70%;transition: all 1.6s;}
.nav ul li{ float:left; width:12.5%; color:#1e1e1e; text-align:center; position:relative; font-size:18px; line-height:51px; }
.nav ul li a{  width:91%; display:block; color:#1e1e1e; float:left;}
.nav li a:hover{text-decoration: none; color:#81b52c;}

.phone-nav {
	width:32px;
  position: absolute;
  font-size: 24px;
  right: 15px;
  line-height: 50px;
  display: none;
  color: #fff;
  top: 10px;
  z-index: 999999999999;
  background:url(../Image/nav.png) no-repeat top;
}
.phone-nav:hover {
  color: #333;
}

@media (max-width: 770px) {
 .nav {
    display: none;
  }
}

.baojia_bj{ width:100%; height:auto; padding:2% 0; background:#333333;}
.baojia_left{ width:40%; height:77px;background:url(../Image/p1.png) no-repeat top;}
.baojia_right{ width:60%; margin-top:10px;}
.bj{ width:100%; height:53px; background:none; border:none;outline:none; padding-left:50px;}
.baojia_right li{ width:23.3%; background:#fff; border-radius:50px; margin-left:20px;}
.baojia_right #fwmj{ background:url(../Image/p2.jpg) no-repeat center left 20px;}
.baojia_right #tel{ background:url(../Image/p3.jpg) no-repeat center left 20px;}
.baojia_right #add{ background:url(../Image/p4.jpg) no-repeat center left 20px;}

.baojia_right2{ width:20%; background:url(../Image/p5.jpg) center right 15px no-repeat #ff7220; height:53px; border-radius:50px; float:right;}
#submit{ width:100%; background:none; height:53px; border:none;outline:none; color:#fff; font-size:16px;}

/******************head end************/

.index1_bj{ background:url(../Image/p6.jpg) center no-repeat;background-size: cover; height:100%; width:100%;}
.index1_left{ width:20%; margin-top:10%; text-align:center;}
.index1_left img{ width:100%;}
.index1_tel{ background:url(../Image/p19.png) left center no-repeat; font-size:24px; color:#1a1919; margin-top:50px;}
.index1_right{ width:75%}
.index1_line{ width:1px; background:#dfdfdf; height:450px; float:left;}
.index1_right ul{ float:left; width:33%; padding:0 2.65%;}
.index1_right ul li{ line-height:22px; color:#a9a9a9; font-size:12px; margin-top:35px; height:120px;}
.index1_right ul li b{ color:#1a1919; font-size:20px;}
.index1_right ul li p{ width:25px; height:1px; background:#9e9e9e; margin:10px 0;}


/*********************index1 end**********************/


.index2_top{ background:url(../Image/p8.png) bottom center no-repeat; padding-bottom:40px; color:#1e1e1e; font-size:40px; text-align:center; margin-top:60px;}
.index2_top span{ color:#81b52c;}

.yScrollList{}
.yScrollListTitle{line-height:34px; margin:0 auto; text-align:center; margin-top:30px; margin-bottom:50px;}
.yScrollListTitle li{cursor:pointer; display:inline-block; margin:10px; cursor:pointer;  font-size:22px; padding:5px 40px; color:#010101; background:#f0f0f0;}
.yScrollListTitle li.ytitleh12{}
.yScrollListTitle li.yth1click{color:#fff; background:#81b52c;}
.yScrollListIn{width:100%;height:100%; float:right;position:relative;}
.yScrollListInList{display:none;width:100%; float:left;height:100%;}
.yScrollListInList ul{width:100%;height:auto;overflow:hidden;}

.index2_main_left p {line-height:24px; font-size:14px; float:left; overflow:hidden; text-overflow:ellipsis;  width:100%; color:#404040; margin:0 0 30px 0; }
.index2_main_left span {color:#404040; font-size:24px; display:block; width:100%; line-height:35px;	float:left;  padding:30px 0 ;}
.index2_main_left span a{ float:right; display:block; width:40%; text-align:right; white-space:nowrap;  overflow:hidden; }

.index2_main_left{ width:70%;}
.index2_main_left .txt{ background:#f6f6f6; padding:0 30px;  overflow:hidden;}
.index2_main_left .txt .index2_more{ background:rgba(129,181,44,0.87); width:122px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; margin-bottom:25px;}
.index2_main_right{ width:25%;}
.index2_main_right span{color:#404040; font-size:24px; display:block; width:100%; line-height:35px;	float:left;  padding:20px 0 ; text-align:center;}
.index2_main_right .txt1{ background:#f6f6f6; overflow:hidden; margin-bottom:20px;}
.index2_main img{ width:100%;}

.index2_main_left  .pic { position: relative;
  overflow: hidden;}
.index2_main_left .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.index2_main_left .pic i {
  display: block;
  padding-bottom: 56%;
}

.index2_main_right  .pic1 { position: relative;
  overflow: hidden;}
.index2_main_right .pic1 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.index2_main_right .pic1 i {
  display: block;
  padding-bottom: 99%;
}



/***************************index2 end***********************/


.index3_type{ text-align:center; margin-top:20px;}
.index3_type span{ color:#6e6e6e; font-size:18px; padding:0 5px;}
.product_name{ color:#fff; font-size:14px; width:100%; position:absolute; bottom:0px; height:40px; line-height:40px; background:rgba(0,0,0,0.57); text-align:center;}
.index3 .item{ overflow:hidden;}
.index3 .item .pic { position: relative;
  overflow: hidden;}
.index3 .item .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.index3 .item .pic i {
  display: block;
  padding-bottom: 100.8%;
}
.index3 .item:hover img {
    transform: scale(1.02);
}
.index3 .item:hover .product_name {
    bottom: -65px;
}


/**************************index3 end**************************/


.index4_p{ color:#6e6e6e; text-align:center; margin-top:10px; font-size:18px;}
.index4_main{ margin-top:20px; border:1px solid #e1e1e1; overflow:hidden;}
.index4_left{ width:67.5%; height:auto;}
.index4_left img{ width:100%;}
.index4_right{ width:32.5%; padding:0 0.5%}
.index4_right li{ width:50%; height:135px; line-height:135px; border-bottom:1px solid #e1e1e1; float:left; text-align:center;}
.index4_right li img{ width:95%;}

/**************************index4 end**************************/


.index5_bj{ background:url(../Image/p10.jpg) center no-repeat;background-size: cover; height:100%; width:100%; margin-top:50px; overflow:hidden;}
.index5{ margin-top:55px;}
.index5 .team{ background:#fff; padding:0 20px 10px 20px; color:#7a7a7a; font-size:12px;}
.index5 .team p{ line-height:46px; color:#313131; font-size:18px; border-bottom:1px solid #c1c1c1;}
.index5 .item{ overflow:hidden;}
.index5 .item .pic { position: relative;
  overflow: hidden;}
.index5 .item .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.index5 .item .pic i {
  display: block;
  padding-bottom: 96.8%;
}

.index5 .item:hover{ box-shadow:0 0 10px rgba(0,0,10,0.5);}
.index5 .item:hover img {
    transform: scale(1.02);
}


/***************************index5 end**********************/

.index6_fwlc{ margin-top:50px;}
.index6_fwlc li{ float:left; width:14.2%; text-align:center;}
.index6_num{ text-align:center; color:#bebebe; line-height:34px; background:url(../Image/p11.jpg) center no-repeat; width:100%; margin-top:20px;}


/*************************index6 end************************/


.index7_main{ margin-top:30px;}
.index7_left{ width:50%;}
.index7_left1{ width:80%;}
.index7_left_top{ border-bottom:2px solid #d3b26b; padding-bottom:25px;}
.index7_about{ color:#606060; font-size:15px; margin-top:25px; line-height:30px; margin-bottom:40px;}
.index7_more li{ width:96px; height:34px; line-height:34px; text-align:center; background:#d3ac64; color:#fff; border-radius:5px; float:left; margin-right:10px; margin-bottom:20px;}

.index7_right{ width:50%; text-align:center;}
.index7_right img{ width:100%;}


/****************************index7 end*************************/


.index8_main{ margin-top:50px;}
.index8_main .index8_news{ width:33.3%; float:left; border:1px solid #e7e7e7; padding:10px;}
.index8_top{ font-size:24px; color:#4d4d4d; margin-bottom:10px;}
.index8_news img{ width:100%;}
.index8_news1{ border-bottom:1px dashed #cacaca; background:url(../Image/p12.jpg) right center no-repeat; padding:10px 0; color:#959292;}
.index8_news1 p{ font-size:18px; color:#4d4d4d;}
.index8_news1:hover p{ color:#ff7220;}
.index8_news2{ margin-top:20px;}
.index8_news2 li{ color:#575757; line-height:30px;}
.index8_news2 li span{ color:#a4a4a4; font-size:12px;}
.index8_news2 li:hover{ color:#ff7220;}
.index8_more{ width:227px; line-height:47px; border:2px solid #d9d9d9; border-radius:5px; margin:0 auto; margin-top:30px; text-align:center; color:#4f4f4f; font-size:18px;}


/******************************index8 end***********************/


.foot_top_bj{ width:100%; height:auto; padding:40px 0; background:#f8f8f8; overflow:hidden; margin-top:60px;}
.foot_top li{ padding-left:80px; width:25%; float:left; color:#81b52c; height:64px;}
.foot_top li p{ color:#1c1c1c; font-size:22px;}
.foot_top .li1{ background:url(../Image/p14.png) left center no-repeat;}
.foot_top .li2{ background:url(../Image/p15.png) left center no-repeat;}
.foot_top .li3{ background:url(../Image/p16.png) left center no-repeat;}
.foot_top .li4{ background:url(../Image/p17.png) left center no-repeat;}

.foot_bj{ width:100%; height:auto; padding:40px 0; background:#1c1c1c; overflow:hidden;}
.foot_contact .foot_tel{ float:left; width:32.3%; margin-right:1%;}
.foot_tel li{ color:#fff; font-size:25px; padding-left:50px; background:url(../Image/p18.jpg) left center no-repeat;}
.foot_tel p{ color:#959494; margin-top:10px;}
.cop{padding-left:90px; background:url(../Image/cop.jpg) left center no-repeat; height:79px; color:#bbbbbb; float:left; width:32.3%; margin-right:1%;}
.cop p{ font-size:18px;}
.foot_contact .foot_share{ float:right; width:25.3%;}
#share a{ height:22px; width:79px; margin:10px 10px 10px 0;}
#share a.bds_tsina{background:url(../Image/weibo.jpg) center top no-repeat;}
#share a.bds_tqq{background:url(../Image/tenxun.jpg) center top no-repeat;}
#share a.bds_qzone{background:url(../Image/qq.jpg) center top no-repeat;}

.foot2{ margin-top:30px;}
.foot2 li{ text-align:center; color:#6f6f6f; margin-top:10px; line-height:23px; font-size:12px;}
.foot2 a{ color:#6f6f6f; padding:0 5px;}
.foot2 span{ margin-left:10px;}


/*******************************foot end*********************/




.inner_banner{ height:100%; width:100%; text-align:center; overflow:hidden;}
.inner_banner img{width:100%;}

.inner_about_top_bj{ width:100%; height:auto; padding:40px 0; background:#136235; overflow:hidden;}
.inner_about_top li{ width:20%; float:left; color:#fff; padding-top:60px; text-align:center;}
.inner_about_top .inner_about1{background:url(../Image/a1.jpg) center top no-repeat;}
.inner_about_top .inner_about2{background:url(../Image/a2.jpg) center top no-repeat;}
.inner_about_top .inner_about3{background:url(../Image/a3.jpg) center top no-repeat;}
.inner_about_top .inner_about4{background:url(../Image/a4.jpg) center top no-repeat;}
.inner_about_top .inner_about5{background:url(../Image/a5.jpg) center top no-repeat;}

.inner_about1_bj{ width:100%; height:auto; background:#e9e9e9; padding-top:40px;}
.inner_about1_top{ font-size:30px; color:#1e1e1e; text-align:center;}
.inner_content{ color:#000; line-height:30px;}
.inner_content img{ width:100%;}
.inner_about1_bottom{ text-align:center; margin-top:5%;}
.inner_about1_bottom img{ width:100%;}

.inner_about2_main{ margin-top:70px;}
.container-fluid{ margin-top:70px;}


.inner_about3_main{ margin-top:50px;}
.inner_about3_main1{ margin-top:50px;}
.inner_about3_main1 li{ width:33.3%; float:left; text-align:center; }
.inner_about3_main1 li img{ width:100%;}

.inner_about4_top{ width:50%; margin:0 auto; font-size:30px; color:#1e1e1e; text-align:center; margin-top:50px;}
.inner_about4_top p{ color:#3d3d3d; font-size:16px; margin-top:20px;}
.inner_about_main{ text-align:center; margin-top:50px; overflow:hidden;}
.inner_about_main img{ width:100%;}

.inner_about5_main{ margin-top:50px;}
.inner_about5_left{ width:45%; border:1px solid #bfbfbf; padding:10px; margin-top:30px;}
.inner_about5_right{ width:50%; margin-top:30px; color:#1e1e1e;}
.inner_about5_right p{ font-size:18px;}
.inner_about5_right li{ margin-top:10px;}
.inner_about5_right a{ color:#1e1e1e;}


/***********************company end*************************/



.inner_pro_type_bj{ width:100%; height:auto; padding:40px 0; background:#136235; overflow:hidden;}
.inner_pro_type li{ float:left; color:#fff; text-align:center; line-height:30px; margin:0 20px;}

.zx_case{ overflow:hidden; margin-top:38px;}
.zx_case ul li{  width: 31.3%; overflow: hidden; margin: 45px 1% 0 1%;float: left; border:1px solid #dcdcdc;}
.zx_case ul li .pic { width: 100%; height: 64%;}
.zx_case ul li .pic:after { padding-bottom: 75%;}
.zx_case ul li .zx_case_r{ height:110px; text-align:center; overflow:hidden;}
.zx_case ul li .zx_case_r .zx_case_top{ width:90%; margin:0 auto; color:#4f4f4f; font-size:16px; border-bottom:1px dashed #CCCCCC; padding-bottom:20px; margin-top:10px;}
.zx_case ul li .zx_case_r .zx_case_bt{ margin-top:20px;}
.zx_case ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}

.caseshow {
  margin-top: 55px;
  margin-bottom:55px;
}
.caseleft {
  width: 100%;
}
.caseleft .big .pic:after {
  padding-bottom: 73%;
}
.caseleft .small {
  margin-top: 6px;
}
.caseleft .small .pic {
  cursor: pointer;
}
.caseleft .small .pic:after {
  padding-bottom: 66.9%;
}
.caseleft .small .slick-current .pic {
  border: 3px solid #d80808;
}
.caseright {
  width: 100%;
}
.caseright h3 {
  font-size: 22px;
  color: #333;
  line-height: 30px;
  padding-bottom: 10px;
  margin: 30px 0 15px; text-align:center;
}
.caseright .crighttxt {
  color: #6b6b6b;
 line-height:25px; text-align:center;
}
.caseright .crighttxt span{ margin:10px;}
.caseright .case_des{ border:1px solid #d2d2d2; overflow:hidden; margin-top:50px;}
.case_des_left{ width:101px; min-height:89px; background:url(../Image/a11.jpg) center top no-repeat #c9c9c9;}
.case_des_right{ line-height:89px;}
/************************case end*******************/


.zx_ppjc{ overflow:hidden; margin-top:38px;}
.zx_ppjc ul li{  width: 31.3%; overflow: hidden; margin: 45px 1% 0 1%;float: left; border:1px solid #dcdcdc;}
.zx_ppjc ul li .pic { width: 100%; height: 64%;}
.zx_ppjc ul li .pic:after { padding-bottom: 75%;}
.zx_ppjc ul li .zx_case_r{ height:110px; text-align:center; overflow:hidden;}
.zx_ppjc ul li .zx_case_r .zx_case_top{ width:90%; margin:0 auto; color:#4f4f4f; font-size:16px; border-bottom:1px dashed #CCCCCC; padding-bottom:20px; margin-top:10px;}
.zx_ppjc ul li .zx_case_r .zx_case_bt{ margin-top:20px;}
.zx_ppjc ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}

/************************品牌建材 end*******************/

.team ul {
  margin-top: 5px;
}
.team ul li {
  width: 23.739%;
  overflow: hidden;
  margin: 45px 1.68% 0 0;
  float: left;
}
.team ul li .pic { width: 100%; height: 64%;}
.team ul li .pic:after { padding-bottom: 130%;}
.team ul li .pic img {
  transition: 0.3s; width:100%;
}
.team ul li .team_con {
  width: 100%; text-align:center; border:1px solid #dcdcdc;
}
.team ul li .team_con_tit {
  color: #040404;
  font-weight: bold;
  font-size: 16px;
  margin-top:10px; display:block; border-bottom:1px solid #dcdcdc; line-height:50px;
}
.team ul li .team_con_p {
  font-size: 12px;
  color: #000;
  line-height:40px;
   height:40px;
}
.team ul li:hover img {
  transform: scale(1.3);
}
.team ul li:hover .protxt {
}
.team ul li:nth-child(4n) {
  margin-right: 0;
}

.sjs_main{ margin-top:47px;}
.sjs_top{ border:1px solid #d2d2d2}
.sjs_l{ width:33%;}
.sjs_r{ width:67%;height:288px;}
.sjs_bt{ width:90%; margin:0px auto; }
.sjs_r_tit{ color:#1e1e1e; font-size:26px; margin-top:32px;}
.sjs_r_tit span{ color:#db0000; font-size:14px; margin-left:20px;}
.sjs_t_time{ color:#3f3f3f; margin-top:15px; line-height:30px;}
.sjs_t_time span{ background:#81b52c; color:#fff; padding:5px 20px; margin-right:10px;}
.sjs_r_tex{ margin-top:22px;}
.sjs_l img{ width:100%;}

.sjs_case_top{ text-align:center; margin-top:50px; margin-bottom:20px;}
.sjs_case_img .case {
  position: relative; margin-top:20px;
}
.sjs_case_img .case .casebg {
  width: 1000%;
  position: absolute;
  height: 157px;
  background: #ddd;
  left: -100%;
  top: 26%;
}
.sjs_case_img .case ul li {
  width: 24%;
  float: left;
  margin: 55px 3px 0 0;
}
.sjs_case_img .case .pic { width: 100%; height: 64%;}
.sjs_case_img .case .pic img{ width:100%; height: 100%;}
.sjs_case_img .case .pic:after { padding-bottom: 100%;}
.sjs_case_img .case ul li .casetxt a.casetit {
  color: #333;
  font-weight: 600;
  transition: 0.3s;
  display: block;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
   text-align:center;
}
.sjs_case_img .case ul li:hover .casetxt a.casetit {
  color: #abcd02;
}
.sjs_case_img .case ul li:nth-child(4n) {
  margin-right: 0px;
}




/***********************设计师 end**************************/



.news{ margin-top:30px;}
.news ul li{ height:auto; overflow:hidden; padding:3%; border-bottom:1px solid #c2bfbf;}
.news ul li .zxrz_pic{ width:25%;}
.news ul li .zxrz_pic img{ width:100%;}
.news ul li .zxrz_tex{ width:70%;}
.news ul li .zxrz_tex .zx1_tit{ color:#282828; font-size:18px; padding-bottom:10px;}
.news ul li .zxrz_tex .zx_midd{ color:#8e8d8d; margin-top:25px;}
.news ul li .zxrz_tex .zx_bt{ color:#3c3c3c; margin-top:30px; border:1px solid #bfbfbf; line-height:38px; width:153px; text-align:center;}
.news ul li:hover .zxrz_tex .zx_bt{ color:#ff8a00; border:1px solid #ff8a00;}
.newshow .newshowtit {
  text-align: center;
  margin-top: 55px;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 65px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}

/**********************news end**********************/



.pzgc{ overflow:hidden; margin-top:38px;}
.pzgc ul li{  width: 48%; overflow: hidden; margin: 45px 1% 0 1%;float: left; position:relative;}
.pzgc ul li .pic { width: 100%; height: 64%;}
.pzgc ul li .pic img{ width:100%; height: 100%;}
.pzgc ul li .pic:after { padding-bottom: 69%;}

.pzgc ul li .pzgc_con{ height:40%; width:50%; background:rgba(0,0,0,0.3); color:#fff; overflow:hidden; position:absolute; bottom:0px; right:0px; padding:20px}
.pzgc ul li .pzgc_con p{ color:#fff; font-size:17px; margin-top:10px;}
.pzgc ul li:hover .pzgc_con{ background:#d3b26b;}


/**********************pzgc end**********************/


.gdzb{ overflow:hidden; margin-top:38px;}
.gdzb ul li{  width: 23%; overflow: hidden; margin: 45px 1% 0 1%;float: left; position:relative;}
.gdzb ul li .pic { width: 100%; height: 64%;}
.gdzb ul li .pic img{ width:100%; height: 100%;}
.gdzb ul li .pic:after { padding-bottom: 130%;}

.gdzb ul li p{ text-align:center; color:#000; line-height:30px;}


#prev_next{ color:#000; margin-top:20px; line-height:30px;}
#prev_next a{ color:#000;}


.page {
  line-height: 50px;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin-top: 35px;
}
.page a {
  font-family: arial;
  background: #f8f8f8;
  padding: 5px 10px;
  margin: 0 2px;
}
.page a:hover {
  background: #d80808;
  color: #fff;
}
.page a.active {
  background: #d80808;
  color: #fff;
}
.page a.bgnone {
  background: none;
}
.page a.bgnone:hover {
  color: #d80808;
}