/*首页*/







.banner_bot {



  height: 214px;



  background: url(../images/index_07.jpg) center no-repeat;



}







.service {



  background: url(../images/st_bg.jpg) center top no-repeat;



}







.service .title {



  padding-top: 26px;



  text-align: center;



}







.service .title span {



  font-family: SimHei;



  line-height: 24px;



  font-size: 20px;



  font-weight: bold;



}







.service .title h3 {



  font-size: 28px;



  line-height: 50px;



  font-family: SimHei;



}







.service .title i {



  font-style: normal;



  line-height: 16px;



  font-family: "Microsoft YaHei";



  font-size: 10px;



  color: #8d8d8d;



}







.service .cont {



  padding-top: 38px;



}







.serv_left {



  width: 581px;



  height: 353px;



  float: left;



}







.serv_right {



  width: 590px;



  float: right;



}







.serv_right ul li {



  width: 281px;



  height: 169px;



  float: left;



  margin-left: 14px;



  margin-bottom: 15px;



  background: #fff;



  position: relative;



}







.serv_right ul li img {



  vertical-align: middle;



  filter: alpha(opacity=18);



  -moz-opacity: .9;



  opacity: .9;



  width: 100%;



  height: 100%;



}







.serv_right ul li .name {



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0;



  top: 0;



  background: url(../images/pro_h.png);



  text-align: center;



  line-height: 169px;



  font-size: 18px;



}







.serv_right ul li .name a {



  color: #fff;



}







.serv_right ul li:hover {



  background: #08aab4;



}







.product_bg {



  margin-top: 50px;



  background: url(../images/product_bg.jpg) center top no-repeat;



}







.product .title {



  height: 220px;



  overflow: hidden;



}







.product .title h3 {



  font-family: SimHei;



  padding-top: 130px;



  font-size: 30px;



  color: #fff990;



}







.product .title .more {



  float: right;



  font-size: 16px;



  text-transform: uppercase;



  margin: 160px 30px 0 0;



}







.product .title .more a {



  color: #fff;



}







.product .cont {



  padding-top: 59px;



}







.product .cont ul {



  margin: 0 -10px;



}







.product ul li {



    width: 500px;







    margin: 0 55px 14px;



    overflow: hidden;



    margin: 0 auto;



}







.product ul li .photo {



  width: 100%;



  height: 380px;



  overflow: hidden;



}







.product ul li .photo img {



  vertical-align: middle;



  width: 100%;



  height: 100%;



  transition: all 0.4s;



}







.product ul li .name {



  text-align: center;



  height: 50px;



  line-height: 50px;



  background: #fff;



  font-size: 14px;



}







.product ul li .name a {



  color: #333;



}







.product ul li:hover .name {



  background: #fff



}







.product ul li:hover .name a {



  color: #333



}







.box {



  margin-top: 49px;



  margin-bottom: 30px;



}







.about {



  width: 502px;



  float: left;



}







.about .title {



  text-align: center;



  height: 240px;



  line-height: 240px;



  font-size: 16px;



  background: url(../images/a1.jpg);



}







.about .title a {



  color: #fff;



}







.about .cont {



  line-height: 24px;



  padding-top: 22px;



}







.news {



  width: 653px;



  float: right;



}







.news .title {



  font-size: 16px;



}







.news .title h3 {



  line-height: 24px;



  height: 24px;



  font-weight: normal;



}







.news .title h3 span {



  font-family: Arial;



  text-transform: uppercase;



}







.news .title .more {



  float: right;



  font-family: Arial;



  text-transform: uppercase;



  padding-right: 15px;



  margin-right: 5px;



  background: url(../images/morebg.jpg) right center no-repeat;



}







.news .cont {



  padding-top: 14px;



}







.news .cont ul {



  margin: 0 -17px;



}







.news .cont li {



  height: 64px;



  margin-bottom: 4px;



}







.news .cont li .date {



  width: 81px;



  height: 66px;



  padding-top: 8px;



  height: 54px;



  text-align: center;



  float: left;



  margin-right: 12px;



}







.news .cont li .date span {



  display: block;



  font-size: 24px;



}







.news .cont li .txt {



  line-height: 20px;



  padding-top: 10px;



}







.news .cont li .txt a {



  display: block;



  line-height: 24px;



  font-size: 14px;



}







.news .cont li:hover {



  background: #08aab4;



  color: #fff;



}







.news .cont li:hover .date {



  background: #08aab4;



  color: #fff;



}







.news .cont li:hover .txt a {



  color: #fff;



}







/*单页*/







.single_con .ny_right .content {



  line-height: 27px



}







/*新闻列表*/







.news_con .ny_right .content_title {



  margin-bottom: 30px;



  padding-bottom: 20px;



  text-align: center;



  border-bottom: 1px #ddd dotted;



}







.news_con .ny_right .content_title h3 {



  font-size: 17px;



  color: #4d5260;



}







.news_con .ny_right .content_title .info {



  margin-top: 15px;



  font-size: 12px;



  color: #aaa;



}







.news_con .ny_right .content_title .info span {



  display: inline-block;



  margin: 0 10px;



}







.news_con .ny_right .content {



  line-height: 27px



}







.first_list {



  height: 125px;



  overflow: hidden;



  margin-bottom: 26px;



}







.first_list img {



  border: solid 1px #c2c2c2;



  float: left;



}







.first_list .right {



  float: right;



  color: #8c8573;



  line-height: 20px;



  width: 516px;



}







.first_list .right .tit {



  display: block;



  height: 31px;



  color: #08aab4;



  font-size: 14px;



}







.first_list .right .text {



  height: 40px;



  overflow: hidden;



  margin-bottom: 4px;



}







.first_list .right a {



  color: #08aab4;



  display: block



}







.first_list .right .date {



  display: block;



  height: 20px;



  line-height: 20px;



  background: url(../images/news_list_time.jpg) left center no-repeat;



  padding-left: 20px;



  margin-top: 10px;



}







.other_list {



  margin-bottom: 67px;



}







.other_list li {



  height: 37px;



  line-height: 37px;



  border-bottom: dotted 1px #dddddd;



}







.other_list a:hover, .other_list li:hover {



  color: #08aab4



}







.other_list li span {



  float: right;



}







.list_btn {



  margin: 20px auto;



  width: 752px;



}







.list_btn_l_r {



  float: left;



  width: 20px;



  height: 20px;



  border: solid 1px #d3d3d3;



  text-align: center;



  color: #d3d3d3;



  -webkit-transition: all 0.5s;



  -moz-transition: all 0.5s;



  -o-transition: all 0.5s;



  transition: all 0.5s;



}







.list_btn_l_r:hover {



  color: #8c8573;



  border-color: #8c8573;



}







.list_btn_line {



  float: left;



  width: 285px;



  height: 1px;



  background-color: #d3d3d3;



  margin-top: 11px;



}







.list_btn_num {



  width: 120px;



  float: left;



  margin: 0 9px;



  text-align: center;



}







.list_btn_num a {



  display: inline-block;



  width: 20px;



  height: 20px;



  text-align: center;



  border: solid 1px #d3d3d3;



  margin: 0 2px;



  color: #606060;



  -webkit-transition: all 0.5s;



  -moz-transition: all 0.5s;



  -o-transition: all 0.5s;



  transition: all 0.5s;



}







.list_btn_num a:hover, .list_btn_num .hover {



  color: #8c8573;



  border-color: #8c8573;



}







/*新闻详情*/







.news_con .ny_right .content_tit {



  height: 40px;



  line-height: 40px;



  text-align: center;



  font-weight: bold;



  border-bottom: 1px solid #ccc;



  overflow: hidden;



}







.news_con .ny_right .content_related {



  padding: 6px 0;



  text-align: center;



  margin-bottom: 30px;



}







.news_con .ny_right .content {



  line-height: 27px



}







.news_con .ny_right .content_btn {



  line-height: 27px



}







.news_con .ny_right .content_btn a {



  color: #2d3140



}







/*产品列表*/







.pro_con .ny_right .content {



  line-height: 27px



}







.pro_con .ny_right .content ul {



  float: left;



  margin: 0 -24px 0 -23px;



}







.pro_con .ny_right .content li {



  float: left;



  width: 290px;



  height: 400px!important;



  border: solid 3px transparent;



  ;



  margin: 0 20px 67px;



  -webkit-transition: all 0.3s;



  -moz-transition: all 0.3s;



  -o-transition: all 0.3s;



  transition: all 0.3s;



}







.pro_con .ny_right .content1 li {



  float: left;



  width: 280px;



  height: 225px!important;



  border: solid 3px transparent;



  ;



  margin: 0 20px 20px;



  -webkit-transition: all 0.3s;



  -moz-transition: all 0.3s;



  -o-transition: all 0.3s;



  transition: all 0.3s;



}







.pro_con .ny_right .content li .photo {



  display: block;



  width: 100%;



  height: 290px;

  

  text-align: center;

  

  line-height: 290px;



}







/* .pro_con .ny_right .content li .photo1 {



  display: block;



  width: 100%;



  height: 290px;



} */







.pro_con .ny_right .content li .photo2,.pro_con .ny_right .content li .photo1 {



  display: block;



  width: 100%;



  height: 290px;

  text-align: center;

  line-height: 290px;



}



.pro_con .ny_right .content li .photo2 img,.pro_con .ny_right .content li .photo1 img{

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}







.pro_con .ny_right .content li .info {



  width: 100%;



  height: 87px;



  background: #f5f5f5;



}







.pro_con .ny_right .content li .info .name {



  height: 30px;



  line-height: 40px;



  padding-left: 19px;



  font-size: 14px;



  font-weight: bold;



}







.pro_con .ny_right .content li .info .text {



  line-height: 18px;



  padding: 0 19px;



  height: 36px;



  overflow: hidden;



  margin-bottom: 10px;



}







.pro_con .ny_right .content li .info .more {



  display: block;



  height: 25px;



  line-height: 24px;



  background: #adadad;



  padding-left: 20px;



  color: #fff;



  -webkit-transition: all 0.3s;



  -moz-transition: all 0.3s;



  -o-transition: all 0.3s;



  transition: all 0.3s;



}







.pro_con .ny_right .content li:hover {



  border-color: #7c7f90



}







.pro_con .ny_right .content li:hover .more {



  background: #7C7F90



}







.list_btn {



  margin: 20px auto;



  width: 752px;



}







.list_btn_l_r {



  float: left;



  width: 20px;



  height: 20px;



  border: solid 1px #d3d3d3;



  text-align: center;



  color: #d3d3d3;



  -webkit-transition: all 0.5s;



  -moz-transition: all 0.5s;



  -o-transition: all 0.5s;



  transition: all 0.5s;



}







.list_btn_l_r:hover {



  color: #8c8573;



  border-color: #8c8573;



}







.list_btn_line {



  float: left;



  width: 285px;



  height: 1px;



  background-color: #d3d3d3;



  margin-top: 11px;



}







.list_btn_num {



  width: 120px;



  float: left;



  margin: 0 9px;



  text-align: center;



}







.list_btn_num a {



  display: inline-block;



  width: 20px;



  height: 20px;



  text-align: center;



  border: solid 1px #d3d3d3;



  margin: 0 2px;



  color: #606060;



  -webkit-transition: all 0.5s;



  -moz-transition: all 0.5s;



  -o-transition: all 0.5s;



  transition: all 0.5s;



}







.list_btn_num a:hover, .list_btn_num .hover {



  color: #08aab4;



  border-color: #08aab4;



}







.one-index {



  margin: 50px 0;



}







.one-index .bd ul li {



  display: inline-block;



  width: 19%;



  margin-right: 10px;



}







.one-index .bd ul li .img-box {



  height: 320px;



}







.one-index .bd ul li img {



  width: 100%;



  height: 100%;



}







.one-index .bd ul li p {



  font-size: 20px;



  text-align: center;



  margin: 10px 0;



}







.pro_con .ny_right .content1 li .photo {



  height: 225px;

  line-height: 225px;

  width: auto;

  overflow: hidden;

  text-align: center;



}



.pro_con .ny_right .content1 li .photo img{

  max-height: 100%;

  max-width: 100%;

  vertical-align: middle;

}



.one-index1 .bd ul li .img-box {



  height: 225px;



}







.news .img-box {



  width: 653px;



  height: 430px;



}







.news .img-box img {



  width: 100%;



  height: 100%;



}







.news1 {



  float: left;



  width: 502px;



}







.product ul li:hover .photo img {



  transform: scale(1.2);



  transition: all 0.4s;



}







.box .prod {



  width: 653px;



  float: right;



}







.box .prod p {



  font-size: 16px;



  line-height: 1.5;



}



.product .cont ul li{



  margin-bottom: 40px;



}



.product .cont ul li .tit{



  margin-bottom: 15px;



}



.product .cont ul li .tit h4{



  font-size: 30px;



}



.product .cont ul li .tit h4 span{



  float: right;



}



.product .cont ul li .bd{



  width: 100%;



  



}



.product .cont ul li .bd img{



  width: 100%;



  height: 100%;



}