.mt40 {

  margin-top: 40px;

}



/*----baner begin---*/

.banner {

  width: 100%;

  position: relative;

  height: 450px;

  margin: 0px auto;

  background: transparent;

  z-index: 1;



}



.banner .hd {

  width: 1180px;

  z-index: 1;

  font-size: 20px;

  color: #000;

  margin: 0 auto;

  position: relative;

}





.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



.banner .bd ul {

  height: 100%;

  width: 100%;

}



.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}





.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}







.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}



.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}











h4,

h3 {

  font-weight: normal;

}

 

 

.xm_n li{width:193px;border-right: 1px solid #e1e1e1;height: 115px;float: left;text-align: center;}

.xm_n {width:973px;}



.xm_n li a{font-size: 16px;color: #666666;margin-top: 22px;display: block;transition: all 0.6s ease-in-out;}



  .xm_n li p{margin-top: 5px;height: 30px;line-height: 30px;display: block;overflow: hidden;font-weight: bold;}



.xm_n ul{width:105%;}



.xm_n li:hover a{padding-top: 5px;}







.xm{height: 115px;border-bottom: 1px solid #dadada;background: #FFF;}



.xm_t {width:147px;background:url(../images/pro_tag.jpg)  #1B7CDA no-repeat 24px center;height: 85px; padding-left: 60px; padding-top: 30px;}



.xm_t h3 a{font-size: 24px;font-weight: bold;color:#FFF;}

.xm_t h3 p{font-size: 12px;text-transform: uppercase;}







.pro_dbg{background: #f4f5f7;height: 948px;}









.pro_c{width:230px;margin-top: 30px;}









.pro_c li{height: 55px; background:url(../images/pro_tx.png) no-repeat  200px center #333333; margin-bottom: 1px;line-height: 55px;text-indent: 44px;}



.pro_c li a{font-size: 15px;color: #fff;transition: all 0.6s ease-in-out; }



.pro_c li:hover{background:url(../images/pro_tx.png) no-repeat  200px center #1B7CDA; cursor: pointer;

}

.pro_c li:hover a{color:#FFF;padding-left: 10px;

}



.pro_right{width:920px;}

 

.pro_ct{

  text-align: center;

  padding-top: 64px;

  height: 40px;

  line-height: 40px;

  font-size: 24px;

  font-weight: bold;

  color: #333333;

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

}

 

 

 

.pro_show_n ul{width:950px; }

.pro_show_n { position: relative; margin-top: 30px;}

.pro_show_n li{float: left; margin:0px 16px 22px 0;width:290px;height: 246px;display: block; text-align: center;background: #FFF;position: relative;

}

 .pro_show_n  .info{background: #fff; position: absolute;bottom:0px;left:0px;width:100%; display: block;}



.pro_show_n  li .info{background:rgba(0, 0, 0, 0.75); display: block;}

.pro_show_n  li:hover .info a{color:#FFF;padding-left: 15px;}

.pro_show_n  .info a{height: 40px;line-height: 40px;display: block;overflow: hidden; transition: all 0.6s ease-in-out;color:#fff; }

 



 .pro_show_n li .pic { width: 290px; height: 246px;  overflow: hidden; display: block;  }

.pro_show_n li .pic img { width: 290px; height: 246px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; overflow: hidden; }

.pro_show_n li:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2);  /* IE 9 */ -moz-transform: scale(1.2, 1.2);   /* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); }

 













.gg1{background: url(../images/gg1.jpg) no-repeat top center;height: 189px;margin-top:  20px;}

 .gg1_zi{left:627px;top:30px; }

 

.gg1_zi h4{font-size: 18px; color: #424141; font-weight: bold; }



 .gg1_zi p{font-size: 24px;color: #1B7CDA;margin-top: 10px;font-weight: bold;}

 



.gg1_tel{left:627px;top: 120px; }

.gg1_tel p{background: url(../images/gg_tel.png) no-repeat left 10px; padding-left: 60px;   text-transform: uppercase;color: #727272; float: left;line-height: 25px;}

.gg1_tel span{font-size: 25px;display: block; font-family: arial; color: #1d1d1d;}



 

.gg2{background: url(../images/gg2.jpg) no-repeat top center;height: 199px;}



.case_dbg{background: #f3f3f3;height: 810px;}



.case_dbg .pro_ct{background: url(../images/case_t.jpg) no-repeat center 40px;margin-top: 6px;}

 



 

.case_n { position: relative;  }



.case_n ul{width:103%;}

.case_n li{float: left; margin:0px 20px 22px 0;width:380px;height: 300px;display: block;overflow:hidden;  position: relative;text-align: center;

  



}



 

 .case_n li .pic { width: 380px; height: 240px;  overflow: hidden; display: block;   }

.case_n li .pic img { width: 380px; height: 240px;-webkit-transition:all .2s;

-moz-transition:all .2s;

-o-transition:all .2s;

-ms-transition:all .2s;

transition:all .2s;

overflow:hidden; }





 

 

 .case_n li .info{ height: 60px;line-height: 60px;display: block;overflow: hidden;background: #fff;border:1px solid #ededed;border-top: 0;  }

 



 .case_n li .info a{transition:all .2s;}



 .case_n li:hover .info a{padding-left: 10px;;}

 



 .case_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}









.ys_com dt i{background: url(../images/ys_em.jpg) no-repeat;width: 55px;height: 50px;display: block;font-size: 28px;color:#fff;padding:14px 0 0 10px;float: left;transition: all 0.6s ease-in-out;}



.ys_com dt h4{float: left;font-size: 22px;font-weight: bold;color: #1B7CDA;margin:4px 0 0 16px;transition: all 0.6s ease-in-out;}

.ys_com dt p{font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;margin-top: 5px;color: #666666;transition: all 0.6s ease-in-out;;}



.ys_com dt:hover i{padding-right: 10px;;}

.ys_com dt:hover p{padding-right: 10px;;}



.ys_com dd{clear: both;padding-top: 20px;}

 

.ys_com dd p{background: url(../images/ys_tag.jpg) no-repeat left center; padding-left: 20px;color: #333333;height: 30px;line-height: 30px;transition: all 0.6s ease-in-out;}



.ys_com dd:hover p{padding-left: 30px;}



.ys_left{margin-top: 40px;}



.ys2{margin-top: 60px;}



.ys_pic2{margin-top: 20px;}



.ys_right{margin-top: 40px;}



.ys_right dt i{float: right;}

.ys_right dt h4{float: right;text-align: right;margin:5px 30px 0 0;}



.ys_right .ys_com dd p{background: url(../images/ys_tag.jpg) no-repeat right center; padding-right: 20px;color: #333333;height: 30px;line-height: 30px;text-align: right;transition: all 0.6s ease-in-out;}



.ys_right .ys1{margin-top: 50px;}



.ys_right .ys_com dd:hover p{padding-right: 30px;}















 



.about_pic{width: 536px;height: 514px; margin:40px 0 0 20px;}

.about_pic img{width: 536px;height: 514px;}



 





.about_nr{width:570px;margin:50px  0px 0 0 ;background: url(../images/about_bg.jpg) no-repeat right top;}

.about_nr h3 {font-size: 24px;color: #666666;background: url(../images/about_xx.jpg) no-repeat bottom left;padding-bottom: 24px;font-weight: bold;}



.about_nr h3 p{font-size: 40px;color: #bebebe;font-family: arial;text-transform: uppercase;font-weight: bold;}



.about_nr h3{height: 100px;}



.about_nr .con h4 {font-size: 18px;color: #1b1b1b;font-weight: bold;}







.about_nr .con{margin-top: 30px;  }



.about_nr .con p{line-height: 30px; height: 180px;display: block;overflow: hidden;margin-top: 20px;width:500px;}





 

.about_a{ margin-top: 20px;}

 







 

.news_ct{

  text-align: center;

  padding-top: 64px;

  height: 40px;

  line-height: 40px;

  font-size: 24px;

  font-weight: bold;

  color: #333333;

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

}

 







/*新闻*/



.mainall .xwji:nth-child(2){margin-right:28px;;}

.mainall .xwji:nth-child(3){margin-right:28px;}

 

.xwji{width:374px;height:520px;background:#f5f5f5;float:left;border-bottom:4px solid #1B7CDA; margin: 20px 0 30px; }

.xwji:hover{ width:374px; height:520px; background:#f5f5f5; float:left; border-bottom:4px solid #292724;-webkit-transition: 0.8s;}

.xwji img{display:block;height:194px;width:374px;margin:0 auto;-webkit-transition:0.7s;transition:0.7s;}



.xwji>a {height:194px;width:374px;overflow: hidden;display: block;

}



.xwji:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.clire{width:125px;height:98px;background:url(../images/news_tilte.png) no-repeat center;margin:0 auto;-webkit-transition: 0.4s;position: relative;z-index: 1;margin-top: -50px;}

.clire h4{font-size:16px;text-align:center;line-height:150px;}

.clire h4 a{ color:#fff;font-weight: bold;}

.xwji:hover .clire{background:url(../images/news_tilte.png) no-repeat center;-webkit-transition: 0.4s;}

 

.oli{ width:332px; height:108px; border-bottom:1px solid #ccc; margin:0 auto; margin-top:38px;}

.xwji:hover .oli{border-bottom:1px solid #1B7CDA;-webkit-transition: 0.4s;}

.oli h5{ font-size:16px;webkit-transition: 0.8s;}

.oli h5 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold;}

.oli p{ color:#333333; height:48px; line-height:24px; overflow:hidden; margin-top:12px;}

.xwji:hover h5 a{transition:all .2s;padding-left:60px; color:#1B7CDA;}

.oli i{-webkit-transition:0.7s;}

.oli i a{ color:#1B7CDA;}

.xwji:hover i a{ color:#1B7CDA;-webkit-transition:0.7s;}

.oly{ width:332px; margin:0 auto; margin-top:16px;}

.oly li{ line-height:36px; background:url(../images/dd.jpg) no-repeat left; padding-left:16px;}

.oly li a{ color:#333333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:0.7s;transition:0.7s;}

.oly li span{ float:right;}

.oly li:hover a{ color:#1B7CDA;-webkit-transform: translate(8px,8px);}







.none {

  display: none;

}



.block {

  display: block;

}