.mt40 {



  margin-top: 40px;



}







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



.banner {



  width: 100%;



  position: relative;



  height: 460px;



  margin: 0 auto;



  background: transparent;



}







.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;



}







/*search*/



.search1 {



  position: absolute;



  width: 234px;



  height: 30px;



  line-height: 30px;



  top: -40px;



  right: 0px;



  z-index: 8;



  background: #fff;



  border-radius: 40px;



}







.search1 .text {



  width: 180px;



  height: 30px;



  float: left;



  background: none;



  line-height: 30px;



  color: #b2b2b2;







  font-family: "Microsoft YaHei";



  padding-left: 10px;



}







.search1 .submit {



  width: 40px;



  height: 30px;



  cursor: pointer;



  float: right;



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



}











.pro_c {



  width: 210px;



  margin: 65px 0 0 0px;



  height: 520px;



  overflow: hidden;



  background: #f0f0f0;



  padding: 9px;



}











.pro_right {



  width: 920px;



}







.pro_ct {



  height: 116px;



  background: url(../images/pro_ctag.jpg) no-repeat 22px center #0172fd;



  color: #fff;



}







.pro_ct h3 {



  font-size: 24px;



  padding: 30px 0 0 80px;







}







.pro_ct p {



  text-transform: uppercase;



  font-size: 14px;



}







.pro_cn {



  height: 310px;



  display: block;



  overflow: hidden;



}







.pro_cn li {



  height: 60px;



  line-height: 60px;



  background: #FFF;



  padding-left: 26px;



  margin-bottom: 2px;



  display: block;



  overflow: hidden;



}











.pro_tel {



  margin: 30px 0 0 20px;



  color: #666;



  text-transform: uppercase;



}







.pro_tel p {



  font-size: 24px;



  color: #0172fd;



}







.pro_show_n ul {



  width: 950px;



}







.pro_show_n {



  position: relative;



  margin-top: 63px;



}







.pro_show_n li {



  float: left;



  margin: 0px 16px 20px 0;



  width: 218px;



  height: 170px;



  display: block;



  text-align: center;



}







.pro_show_n .info a {



  height: 30px;



  line-height: 30px;



  display: block;



  overflow: hidden;







  font-size: 14px;



  color: #808080;



}







.pro_show_n li .pic {



  width: 216px;



  height: 142px;



  overflow: hidden;



  display: block;



  border: 1px solid #e6e6e6;



}







.pro_show_n li .pic img {



  width: 216px;



  height: 142px;



  -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 .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);



}











.td_pic {



  margin-top: 40px;



}











.td_n {



  width: 790px;



  margin-top: 60px;



}











.td_n h3 {



  font-size: 24px;



  font-weight: bold;



  color: #0172fd;



}







.td_n h3 p {



  font-size: 12px;



  text-transform: uppercase;



  color: #999;



  margin: 5px 0 15px;



}







.td_n li p {



  color: #666;



  margin-top: 4px;



}







.td_n ul {



  margin-top: 40px;



  width: 105%;



}







.td_n li {



  width: 260px;



  float: left;



  margin: 0px 10px 40px 0;



}







.td_n li h4 {



  color: #0172fd;



  font-weight: normal;



  float: left;



  margin-left: 24px;



}











.td_n h3 i {



  background: #f0f0f0;



  width: 400px;



  height: 1px;



  display: block;



}











.td_n li i {



  width: 57px;



  float: left;



  position: relative;



}







.td_n li i:after {



  content: "";



  width: 1px;



  height: 40px;



  background: #cccccc;



  margin: 0 10px;



  display: block;



  position: absolute;



  left: 55px;



  top: 0px;



}















.hz_dbg {



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



  height: 300px;



}







.hz_t {



  font-size: 20px;



  line-height: 28px;



  color: #FFF;



  font-weight: bold;



  left: 0px;



  top: 38px;



}







.hz_tel p {



  font-size: 24px;



  line-height: 28px;



  color: #FFF;



  font-weight: bold;



}







.hz_tel {



  left: 0px;



  top: 188px;



}







.hz_tel a {



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



  width: 105px;



  height: 45px;



  line-height: 30px;



  display: block;



  margin-top: 10px;



  text-align: center;



  padding-right: 3px;



}











.hz_n .bd {



  width: 875px;



  height: 163px;



  display: block;



  overflow: hidden;



}







.hz_n {



  width: 875px;



  top: 123px;



  right: 0px;



}







.hz_n li {



  float: left;



  margin: 0px 12px 0 0;



  width: 210px;



  height: 170px;



  display: block;



  text-align: center;



}







.hz_n .info a {



  height: 30px;



  line-height: 30px;



  display: block;



  overflow: hidden;



  color: #FFF;



  margin-top: 4px;



}







.hz_n li .pic {



  width: 210px;



  height: 127px;



  overflow: hidden;



  display: block;







}







.hz_n li .pic img {



  width: 210px;



  height: 127px;



  -webkit-transition: all .2s;



  -moz-transition: all .2s;



  -o-transition: all .2s;



  -ms-transition: all .2s;



  transition: all .2s;



  overflow: hidden;



}







.hz_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);



}























i {



  font-style: normal;



}







.ys_t {



  margin-top: 60px;



  font-size: 24px;



  font-weight: bold;



  color: #0172fd;



  background: url(../images/ys_t.jpg) no-repeat center 12px;



}











.ys_t p {



  color: #666666;



  font-size: 14px;



  margin-top: 5px;



}







.ys_en {



  left: 543px;



  top: 100px;



}







.ys_nr {







  margin-top: 50px;



}











.ys_com {







  z-index: 4;







}











.ys_com ul {



  width: 105%;



}







.ys_com li {



  width: 280px;



  height: 154px;



  background: #f0f0f0;



  overflow: hidden;



  padding-left: 100px;



  transition: all 0.3s ease-out 0s;



  float: left;



  position: relative;



  margin-right: 21px;



  color: #333333;



}







.ys_com li img {



  opacity: 1;



  position: absolute;



  left: 110px;



  top: 20px;







}







.ys_com li.tag_ys img {



  opacity: 0.14;



}











.ys_com li.tag_ys {



  background: #0172fd;



  cursor: pointer;



  box-shadow: 0 0 30px 0px #93bbec;



}







.ys_com li.tag_ys p {















  color: #FFF;







  opacity: 1;



}







.ys_com li.tag_ys p span {



  color: #FFF;



}











.ys_com li p {



  text-align: left;



  position: relative;



  z-index: 2;



  font-size: 20px;



  transition: all 0.3s ease-out 0s;



  margin-top: 45px;



}







.ys_com li p span {



  display: block;



  font-size: 12px;



  color: #808080;



  margin-top: 10px;



  text-transform: uppercase;



}















.ys_nr dd h4 {



  font-size: 16px;



  color: #666666;



}















.ys_nr dd {



  width: 560px;







  float: right;



}







.ys_nr dd h4 span {







  display: block;



  font-size: 12px;



  color: #999999;



  font-weight: normal;



  text-transform: uppercase;



  margin-top: 6px;



}







.ys_nr dd i {



  width: 26px;



  height: 2px;



  background: #0172fd;



  display: block;



  margin: 30px 0 30px;



}







.ys_nr p {



  line-height: 30px;



  color: #666666;



}







.ys_tel {



  left: 620px;



  top: 440px;



}







.ys_tel {



  font-size: 14px;



  color: #0172fd;



  text-transform: uppercase;



}







.ys_tel span {



  font-size: 26px;



  ;



}







.ys_nr dl {



  height: 399px;



  display: block;



  overflow: hidden;



}







.ys_nr dt {



  width: 514px;



  float: left;



  height: 384px;



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



}







.ys_nr dt img {



  width: 504px;



  height: 374px;



  padding: 9px 0 0 10px;



}



















.about_dbg {



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



  height: 782px;



  margin-top: 80px;



}







.about_left h3 span {



  font-size: 44px;



  color: #e5e5e5;



  text-transform: uppercase;



  font-weight: normal;



  display: block;



}







.about_left h3 {



  font-size: 20px;



  color: #0172fd;



  font-weight: bold;



}







.about_left i {



  background: #dbdbdb;



  height: 2px;



  width: 100%;



  display: block;



  margin-top: 20px;



  ;



}







.about_left {



  width: 477px;



  margin: 50px 0 0 44px;



}







.about_left .con {



  line-height: 32px;



  height: 160px;



  display: block;



  overflow: hidden;



  color: #4c4c4c;



  margin-top: 30px;



}







.about_a {



  background: #0172fd;



  width: 484px;



  height: 30px;



  line-height: 30px;



  border-radius: 20px;



  margin-top: 70px;



  text-align: center;



}







.about_a a {



  color: #FFF;



}







.about_pic img {



  width: 580px;



  height: 480px;



}







.about_pic {



  width: 580px;



  height: 480px;



  margin: 30px 24px 0 0;



}















.fc_n .bd {







  height: 240px;



  display: block;



  overflow: hidden;



}







.fc_n {



  margin-top: 45px;







}







.fc_n li {



  float: left;



  margin: 0px 20px 0 0;



  width: 280px;



  height: 240px;



  display: block;



  text-align: center;



}







.fc_n .info a {



  height: 30px;



  line-height: 30px;



  display: block;



  overflow: hidden;



  color: #333333;







}







.fc_n li .pic {



  width: 280px;



  height: 180px;



  overflow: hidden;



  display: block;







}







.fc_n li .pic img {



  width: 280px;



  height: 180px;



  -webkit-transition: all .2s;



  -moz-transition: all .2s;



  -o-transition: all .2s;



  -ms-transition: all .2s;



  transition: all .2s;



  overflow: hidden;



}







.fc_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);



}















.news_t {



  margin-top: 50px;



  font-size: 24px;



  font-weight: bold;



  color: #0172fd;



  background: url(../images/ys_t.jpg) no-repeat center 12px;



}











.news_t p {



  color: #666666;



  font-size: 14px;



  margin-top: 5px;



}















.news_nav {



  height: 40px;



  line-height: 40px;



  margin: 35px 0px;



  text-align: center;



}







.news_nav li {



  height: 40px;



  text-align: center;



  display: inline-block;



 margin:0px 20px; position: relative;



  height: 40px;



 



}



 



.news_nav a {



  font-size: 18px;



  display: block;



 



 



 }



 .news_nav li a:after{background: #4d4d4d;width:8px;height: 1px;display: block;content: "";position: absolute;left:90px;top:20px;}







 .news_nav li:nth-child(3) a:after{background: none;}



 







.news_nav li.tag_news a{



  color: #0172fd;



}







.news_nr{height: 445px;overflow:hidden;}







.news_show{height: 445px;overflow:hidden;}



.news_pic {width: 450px;height: 312px;}







.news_pic img{width: 450px;height: 312px;}



.news_right li{margin-bottom: 5px;height: 100px;}



.news_right li:hover .r{background: #0172fd;color:#FFF;}



.news_right li:hover{cursor: pointer;}



.news_right li:hover .r a,.news_right li:hover .r .con{color:#FFF;}



.news_right li:hover em{background: #4d4d4d;color:#FFF;}







.news_right li em{width:102px;height: 100px;background: #e8e8e8;float: left;display: block;font-size: 55px;font-family: arial;color: #c3c3c3;text-align: center;line-height: 100px;}



.news_right li .r{width: 553px;background:#f1f1f1;height: 100px;float: left;padding-left: 30px; }



.news_right li .r a{height: 30px;line-height: 30px;display:block;overflow: hidden;margin-top: 20px;}







.news_right li .r .con{font-size: 12px;color: #6e6e6e;height: 30px;line-height: 30px;display: block;overflow: hidden;  white-space: nowrap;



  text-overflow: ellipsis;}







  .news_bt{margin-top: 20px;height: 150px;}



  .news_bt ul{width: 102%;}



  .news_bt li{ height: 30px; line-height: 30px;width:30%; margin-right: 20px; float: left; background: url(../images/news_tag.jpg) no-repeat 0px 12px; padding-left:16px;}



  .news_bt li a{ color: #666666; float: left;width:76%; height: 30px; overflow: hidden;font-size: 13px;}



  .news_bt li span{ float: right;font-size: 12px;color: #999999;}



 







  .links_dbg{background: url(../images/links_bg.jpg) no-repeat top center;height: 50px;line-height: 50px;display: block;overflow: hidden;;}



  







  .links_dbg span{font-size: 14px;color:#Fff;padding-left: 30px;text-transform: uppercase;}



  .links_dbg a{font-size: 14px;color:#Fff;padding-right:15px;}







.none {



  display: none; 



}







.block {



  display: block;



}





.case_t {



  margin-top: 50px;



  font-size: 24px;



  font-weight: bold;



  color: #0172fd;



  background: url(../images/ys_t.jpg) no-repeat center 12px;



}









.case_t p {



  color: #666666;



  font-size: 14px;



  margin-top: 5px;



}





 

 .case_n{height:260px;display: block;overflow: hidden;}



.case_n li {
  float: left;
  margin: 0px 15px 0px 0;
  width: 278px;
  height: 258px;
  border-bottom: 1px solid #cccccc;
  display: block;
  position: relative;
  transition: all .2s;
}

.case_n li:hover{border-bottom: 1px solid #0172fd;}



.case_n .info a{ 

  height: 24px;margin-top: 4px;display: block;

  line-height: 24px;color: #4c4c4c;overflow: hidden;

}

.case_n .info .con {

  height: 20px;

  line-height: 20px;

  display: block;

  overflow: hidden;

  font-size: 14px;

  color: #808080;

 

}



 



.case_n li .pic {

  width: 288px;

  height: 200px;

  overflow: hidden;

  display: block;

 

}



.case_n li .pic img {

  width: 288px;

  height: 200px;

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

}



.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);

}