@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.header_content{ background:url(haed_bg.jpg) repeat-x bottom center;}

.container1500{ width:1500px; }
.top_bottom{ background:#94ba39; width:100%; line-height:40px; overflow:hidden;display: flex;justify-content: space-between; align-items: center; }
.top_bottom p{ font-size:13px; color:#fff; float:left; margin-left:50px;}
.top_bottom p span{ margin-left:25px;}
header .header_content .row .hc_right p{ margin-left:12px;}

.about_index_bg{ background:url(about_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:82px; padding-bottom:89px;}
.about_left{ float:left;}
.about_title{ background:url(about_title.jpg) no-repeat top left; text-align:left; padding-top:25px; margin-bottom:10px; }
.about_title p{ font-size:29px; color:#35313a; font-weight:bold; text-transform:uppercase; line-height:1.2;}
.about_title span{font-size:45px; color:#35313a; font-weight:bold; text-transform:uppercase;line-height:1.2;}
.about_pnr{ font-size:15px; color:#878787; line-height:27px; text-align:left;}
.about_left a{ display:block; width:196px; line-height:50px; background:url(about_more.jpg) no-repeat right 26px center #f39505; font-size:16.5px; color:#ffffff; font-weight:bold; text-transform:uppercase; margin:28px 0 44px 0; text-align:left; padding-left:35px;  }
.about_left img{ width:auto; clear:both; max-width:100%;}

.about_right{ float:right; margin-top:15px; }
.about_right_top{ margin-bottom:15px;}
.about_right_top img{ width:auto; max-width:100%;}
.about_ul{overflow:hidden; width:100%;display: flex;flex-wrap: wrap;}
.about_ul li{ float:left; width:30%; text-align:center; margin:1%;}
.about_ul li p{ color:#9a9a9a; font-size:15px; line-height:23px;}
.about_ul li h2{ color:#19262f; font-size:45px; line-height:69px; font-weight:bold;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto;align-items: center;justify-content: center; }
.about_ul li div em{ font-size:20px; color:#2d2d2d; margin-top:-25px;}
.about_ul01 em{ color:#19262f; font-size:45px !important; line-height:69px; font-weight:bold; margin-top:0px !important;}

.product_index{display: flex;flex-wrap: wrap; clear:both; overflow:hidden;}
.product_left_title_top{ text-align:left; margin-left:5%; margin-bottom:25px;}
.product_left_title_top p{font-size:32px; color:#FFF; line-height:36px; font-weight:bold; text-transform:uppercase;}
.product_left_title_top span{ font-size:28px; color:#FFF;}

.product_left{ width:20%; background:#96bd2b; padding-top:30px;}
.product_left_title{ margin-left:5%; margin-right:10%; float:left; font-size:16px; color:#ffffff; line-height:45px; font-weight:bold; text-transform:uppercase; width:20px;word-wrap:break-word;}
.product_left ul{ float:left; width:60%; margin-bottom:20px; }
.product_left ul li{ line-height:45px; text-align:left; width:100%; }
.product_left ul li a{ display:block;}
.product_left ul li p{ font-size:16px; color:#ffffff; }
.product_left ul li p span{ float:right;}
.product_left ul li a:hover p{ color:#F00;}
.product_left_more{ display:block; border:2px solid #fff; clear:both; width:80%; max-width:235px; line-height:45px; font-size:12px; color:#ffffff; border-radius:40px; margin:0 auto; text-transform:uppercase;}
.product_left_more:hover{ color:#F00;}
.product_right{ width:80%;}
.product_right ul{display: flex;flex-wrap: wrap;}
.product_right li{ padding-right:1px; padding-left:0px; text-align:left; position:relative;}
.product_right li a{ display:block;}
.product_right li:nth-child(1){ float:right;}
.product_right li:nth-child(2){ margin-bottom:1px;}
.product_right li:nth-child(3){ margin-bottom:1px;}
.product_right li div{ color:#FFF; background:#96bd2b; width:100%; padding:10px 26px; left:0; bottom:0; z-index:999; font-size:0px; }
.product_right li div p{ font-size:16px;    text-align: center;}
.product_right li div span{ font-size:13px;}


.case_index_bg{ padding-top:49px; clear:both; overflow:hidden; padding-bottom:70px; position:relative; }
.case_title{ margin-bottom:43px; overflow:hidden; }
.case_title p{ font-size:42px; color:#35313a; font-weight:bold; line-height:58px;}
.case_title span{ font-size:16px; color:#979797; text-transform:uppercase; background:url(case_title.jpg) no-repeat center center; display:block; line-height:22px;}

.case_index{display: flex;flex-wrap: wrap;justify-content: space-around;}
.case_index > li{ height:323px; transition: all .5s ease; background-size: cover; margin-bottom:10px; position:relative;}

.case_index > li:first-child { width: 36%;}
.case_index > li:nth-of-type(2) { width: 33%;}
.case_index > li:nth-of-type(3) { width: 29%;}
.case_index > li:nth-of-type(4) { width: 28%;}
.case_index > li:nth-of-type(5) { width: 36%;}
.case_index > li:nth-of-type(6) { width: 34%;}

.case_index > li > p {background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  z-index: 21;
  -webkit-transition: all .75s ease;
  transition: all .75s ease;
  overflow: hidden;
}
.case_index > li > a {
  width: 120px;
  height: 40px;
  background: rgba(185, 40, 34, 0);
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 666;
  line-height: 40px;
  font-size: 16px;
  opacity: 0;
}
.case_index > li > a > svg {
  position: absolute;
  left: -1px;
  top: -1px;
}
.case_index > li > div {background: rgba(143, 249, 195, 0.7); padding-top:25px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 213;
  overflow: hidden;
  -webkit-transition: all .75s ease;
  transition: all .75s ease;
  opacity: 0;
}
.case_index > li > div h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  position: relative;
  color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
}
.case_index > li > div h3:after {
  position: absolute;
  content: '';
  width: 41px;
  height: 2px;
  background: #ffffff;
  left: 50%;
  margin-left: -21px;
  bottom: 0px;
}
.case_index > li > div ul {
  width: 80%;
  margin: 0 auto;
  margin-top: 14px;
}
.case_index > li > div ul li { margin-bottom:25px;
  font-size: 14px;
  color: rgba(28, 28, 28, 0.8);
  line-height: 30px;
   white-space: normal;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       overflow: hidden;
       -webkit-line-clamp: 3;

}
.case_index > li > div ul li a {
  display: inline-block;
  line-height: 32px;
  text-align: center;
  color: #f10606;
  width: 90px;
  height: 32px;
  background: rgba(185, 40, 34, 0);
  border: 1px solid #ffffff;
  border-radius: 16px;
  margin-left: 16px;
  margin-right: 16px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.case_index > li > div ul li a:first-child:hover {
    background-color: #fff;
    color: #0b5122;
}
.case_index > li:hover > p {
  height: 0;
}
.case_index > li:hover > div {
  opacity: 1;
}
.case_index > li:hover > a {
  opacity: 1;
}
.page4_t {
  position: absolute;
  width: 1500px;
  padding: 5px;
  bottom: 89%;
}
.page4_t > div:first-child { font-size:18px; text-align:left;
  position: absolute;
  left: 5px;
  top: 0;
  text-transform: uppercase;
  color: #FBA22E;
  line-height: 30px;
  letter-spacing: 1px;
}
.page4_t > div:last-child { font-size:18px;
  position: absolute;
  right: 5px;
  top: 0;
  text-transform: uppercase;
  color: #FBA22E;
  line-height: 30px;
  text-align: right;
  letter-spacing: 1px;
}



.youjia_ul ul{display: flex; justify-content: space-around; border-left:1px solid #999; border-top:1px solid #999;}
.youjia_ul li{ width:11%; line-height:35px; border-right:1px solid #999; border-bottom:1px solid #999;}





.partner_index{display: flex;flex-wrap: wrap;justify-content: space-around; align-items: center;}

.partner_right h3{ margin:0px; line-height:45px; font-size:32px;}

.partner_right p{line-height:30px; font-size:18px; margin-bottom:0px; margin-top:15px;}












.dzfw_index_bg{ clear:both; overflow:hidden; padding-top:50px; padding-bottom:72px;}
.dzfw_title{ background:url(dz_title.jpg) no-repeat top center; padding-top:63px; margin-bottom:54px;}
.dzfw_title p{ line-height:60px; font-size:44px;}
.dzfw_title span{ font-size:12px; line-height:25px; text-transform:uppercase;letter-spacing: 10px;}
.dzfw_top{display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:27px;}
.dzfw_top li{ margin-bottom:20px; }
.dzfw_top li img{ width:auto; }
.dzlc_title{ text-align:right; margin-bottom:44px; clear:both; overflow:hidden;}
.dzlc_title p{ color:#fe8f2d; font-size:31px; text-transform:uppercase; background:url(dzlc.jpg) no-repeat right center; line-height:44px; font-weight:bold;}
.dzlc_title span{ font-size:28px; color:#252525; line-height:46px;}
.dzfw_bottom{display: flex;justify-content: space-between;flex-wrap: wrap; background:url(dzlc_li.png) repeat-x top center;}
.dzfw_bottom li{ margin-bottom:20px;  }
.dzfw_bottom li img{ width:auto; max-width:100%; }









.news_title_bg{ background:#96bd2b; clear:both; overflow:hidden; padding-top:85px; padding-bottom:85px;}
.news_title{display: flex;justify-content: space-between;}
.news_title_left{ text-align:left; }
.news_title_left p{ font-size:44px; color:#FFF; font-weight:bold; text-transform:uppercase; line-height:46px;}
.news_title_left p span{ font-size:30px; margin-left:10px;  }
.news_title a{ background:url(news_more.jpg) no-repeat right center; font-size:14px; text-align:left; color:#FFF; text-transform:uppercase; line-height:96px; padding-left:317px; width:427px;}

.news_index_bg{ background:#f3f3f3; clear:both; overflow:hidden; padding-top:64px; padding-bottom:67px; }
.news_index_bg .container{display: flex;justify-content: space-between;}
.news_left{display: flex; flex-direction: column; justify-content: space-between; width:32%; text-align:left;}
.news_left li{ background:#FFF; padding:25px; height:48.5%; }
.news_top{display: flex;justify-content: space-between; margin-bottom:30px; }
.news_top h3{ font-size:23px; color:#332e2b; line-height:30px; width:calc(100% - 85px);}
.news_top p{ width:77px; border-left:1px solid #e8e8e8; text-align:center; font-size:13px; margin-bottom:5px;}
.news_top p span{ display:block; font-size:24px; font-weight:bold; }
.news_doc{ font-size:16px; line-height:22px; height:88px; overflow:hidden; margin-bottom:15px;}
.news_bottom{display: flex;justify-content: space-between;}
.news_bottom a{ width:115px; line-height:34px; border:1px solid #e8e8e8; border-radius:50px; font-size:12px; color:#7f7a72; text-align:center; }
.news_bottom p{ font-size:12px; color:#7f7a72; line-height:34px;}
.news_right{display: flex; width:66.6%; text-align:left;justify-content: space-between;}
.news_right li{ background:#FFF; padding:25px; width:49%;}
.news_right li img{ margin-top:23px;}


.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:27%; padding-top:20px; }
.foot_left img{ width:auto; margin-bottom:25px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px;}
.foot_right{ width:65%; float:right; margin-bottom:55px;}
.foot_right ul{ text-align:left;}
.foot_right ul p{ font-size:18px; background:url(foot_t.jpg) no-repeat top left; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ line-height:32px;}
.foot03 span{ display:block; color:#FFF;}
.foot0301{ font-size:18px; }
.foot0302{ font-size:36px; }
.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }

.footer_index{ clear:both; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}

@media (max-width:1500px) { 
.container1500{ width:100%; padding:0px; }
.page4_t{ width:100%; }
.partner_left iframe{ width:100% !important;}
.partner_left{ width:50%;}

}
@media (max-width:1200px) { 
.product_left_title{ margin-right:5%; }
.product_left ul{ width:73%;}
.product_left ul li{ line-height:2;}
.product_left_title{ line-height:2;}
.dzfw_bottom li{ width:16.66%;  }
.dzfw_bottom{ background:none;}


}

@media (max-width:992px) { 
.product_left{ width:100%; padding-bottom:3%;}
.product_right{ width:100%;}
.product_left_title{ display:none;}
.product_left ul{ width:85%; margin:0 auto; clear:both; overflow:hidden;  float:none; margin-bottom:25px;}
.product_left ul li{ width:50%; float:left; padding:0 2%;}
.about_left img{ display:none;}
.page4_t{ display:none;}
.case_index > li:first-child { width: 33%;}
.case_index > li:nth-of-type(2) { width: 33%;}
.case_index > li:nth-of-type(3) { width: 33%;}
.case_index > li:nth-of-type(4) { width: 33%;}
.case_index > li:nth-of-type(5) { width: 33%;}
.case_index > li:nth-of-type(6) { width: 33%;}
.news_left li{ padding:15px;}
.news_right li{ padding:15px;}
.news_index_bg .container{flex-direction: column;}
.news_left{ width:100%; margin-bottom:15px; flex-direction: row;}
.news_left li{ width:49%;}
.news_right{ width:100%;}
.dzfw_top li{ width:12.5%;}


}

@media (max-width:767px) { 
.product_left_more{ display:none;}
.product_left ul{ margin-bottom:0px;}
.about_ul li{ width:48%;}
.about_index_bg{ padding-top:45px; padding-bottom:45px;}
.dzfw_top li{ width:25%;}
.dzfw_top li img{ max-width:95%; }
.partner_left{ width:100%;}
.case_index > li:first-child { width: 49%;}
.case_index > li:nth-of-type(2) { width: 49%;}
.case_index > li:nth-of-type(3) { width: 49%;}
.case_index > li:nth-of-type(4) { width: 49%;}
.case_index > li:nth-of-type(5) { width: 49%;}
.case_index > li:nth-of-type(6) { width: 49%;}
.news_top h3{ font-size:18px;}
.news_doc{ font-size:14px;}
.news_title_left p{ font-size:32px;}
.news_title a{ display:none; }
.news_title_left{ text-align:center; width:100%;}
.news_title_bg{ padding-top:30px; padding-bottom:30px;}
.news_index_bg{ padding-top:25px; padding-bottom:25px;}
.dzfw_bottom{ justify-content: center;}
.dzfw_bottom li{ width: auto; max-width:33.33%;  }
.hzhb_index_bg li{ width:25%;}
.foot_left{ width:100%; text-align: center; padding-top:0px; margin-bottom:25px;}
.foot_index_bg{ padding-top:20px;}
.foot_right{width:100%;}
.case_index > li{ height:275px;}

}
  
@media (max-width:550px) { 
.product_left ul{ width:95%;}
.hzhb_index_bg li{ width:50%;}
.news_left{flex-direction: column; margin-bottom:0px;}
.news_right{ flex-direction: column;}
.news_left li{ width:100%; margin-bottom:15px;}
.news_right li{ width:100%; margin-bottom:15px;}
.news_index_bg{ padding-top:15px; padding-bottom:0px;}
.dzfw_title p{ font-size:38px; line-height:50px;}
.dzfw_title span{letter-spacing: 5px;}
.dzfw_index_bg{ padding-top:35px; padding-bottom:35px;}


}
 
@media (max-width:425px) { 
.dzfw_title p{ font-size:34px; line-height:50px;}
.case_index > li{ height:150px;}



}