.mt40 {
  margin-top: 40px;
}

/*----baner begin---*/
.banner {
  width: 100%;
  position: relative;
  height: 500px;
  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;
}



.about_ddd{background: url(../images/about_dddd.jpg) no-repeat top center;height: 462px;}


.char_left{width: 582px;margin-top: 50px;}


.char_left .char_n{width: 542px;height: 161px;background: #0063d1;

padding:30px 20px;
}

.char_left .char_n h4{font-size: 18px;font-weight: bold;color:#fff;}
.char_left .char_n p{line-height: 30px;height: 120px;display: block;overflow: hidden;color:#fff;margin-top: 15px;}

.char_tel h4{font-size: 24px;font-weight: bold;color: #0063d1333;margin-top: 20px;}
.char_tel i{width: 424px;height: 1px;background: #cccccc;margin:15px 0;display: block;}

.char_tel p{font-size: 16px;font-weight: bold;color: #0063d1;background: url(../images/about_tel.jpg) no-repeat left center;padding-left: 60px;}
.char_tel span{font-size: 28px;font-family: impact;font-weight: normal;}


.char_right{margin-top: 50px;width: 598px;height: 362px;}

.char_right img{width: 598px;height: 362px;}







.pro_dbg{height: 1010px;background: url(../images/pro_dbg.jpg) repeat;}




.pro_cnav{margin: 30px 0;}
.pro_cnav h3{font-size: 30px;font-weight: bold;color: #3a3a3a;background: url(../images/pro_t.jpg) no-repeat center top;height: 40px;padding-top: 5px;}

.pro_cnav i{background: #0063d1;width: 58px;height: 2px;display: block;margin:15px auto 0;}
 

 


.pro_c{width: 275px;height: 863px;background: #fff;}

 
 

.pro_c li dd a:before {

  width: 8px;

  height: 2px;

  background: #0063d1;

  transition: all .8s ease;

  display: block;

  position: absolute;

  left: 20px;

  top: 8px;

  content: "";
}

.pro_c li dd:hover a:before{  background: #0063d1;}

.pro_c li span a:before {

  width: 13px;

  height: 2px;

  background: #fff;

  transition: all .8s ease;

  display: block;

  position: absolute;

  right: 25px;

  top: 24px;

  content: "";
}

.pro_c li span a {
  font-size: 15px; color: #fff; font-weight: bold;padding-left: 40px;position: relative;display: block;
}


.pro_c li span {
  height: 50px;
  line-height:50px;
  display: block;
  overflow: hidden;
  background: #0063d1; 
  position: relative;
 
}


 

.pro_c li dd:hover{
  transform: translateX(10px);
}

.pro_c li dd:hover a{color: #0063d1;}

.pro_c li dl{margin:10px auto;}

.pro_c li dd {height: 26px;line-height: 26px;display: block;overflow: hidden;transition: all 0.6s ease-in-out;}
.pro_c li dd  a{ transition: all 0.6s ease-in-out;position: relative;padding-left: 40px;color: #0063d1333;}

.pro_c li span:hover{background: #0063d1;}
 

.pro_c li dd:hover a:before {
  transform: rotate(0deg);
}

 
.pro_c li a {
  color: #0063d1733;
}

 
 
 
 
.pro_show_n ul {
  width: 920px;
}

.pro_show_n {
  position: relative;
  width: 878px;
   
}

 

.pro_show_n li {

  float: left;

  margin: 0px 26px 20px 0;

  width: 276px;

  height: 274px; 

  display: block;

  overflow: hidden;

  text-align: center;

  position: relative;
}

 

.pro_show_n li .pic {
  width: 274px;

  height: 226px;

  overflow: hidden;
  display: block;
 
 border:1px solid #cccccc;
}

.pro_show_n li .pic img {
  width: 274px;

  height: 226px;

  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  overflow: hidden; object-fit: cover;
}

.pro_show_n li .info {
  height: 45px;
  line-height: 45px;
  display: block;background:#cccccc;
  overflow: hidden; 
}

 

.pro_show_n li .info a{color:#666666;}


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



 

 
 

i {
  font-style: normal;
}

.had_dbg {
  background: url(../images/dbg2.jpg) repeat-x bottom center;
  height: 923px;
}
 
.had_t{text-align: right;margin-top: 80px;;}
.had_t h4 {font-size: 16px;font-weight: bold;color:#fff;}
.had_t h5{font-size: 48px;font-weight: bold;color: #fff;}
.had_t p{font-size: 12px;text-transform: uppercase;font-family: 'Times New Roman', Times, serif;color: #b0bcdd;}

.had_t span{border: 1px solid #fff;width: 470px;height: 49px;text-align: center;line-height: 49px;font-size: 16px;font-weight: bold;color: #ffffff;display: block;float: right;margin-top: 20px;letter-spacing: 5px;}

.had_n {clear: both;padding-top: 50px;}

.had_n .info{float: right;width: 536px;color:#fff;text-align: right;}
.had_n .info h4{font-size: 20px;font-weight: bold;color:#fff;}
.had_n .info p{line-height: 26px;height: 52px;display: block;overflow: hidden;margin-top: 10px;}

.had_n .ico{float: right;width: 55px;height: 55px;display: block;background: url(../images/ico.png) no-repeat 0 0;margin:10px 0 0 30px;}

.had_n li{height: 150px;display: block;overflow: hidden;}



.had_n  li:nth-child(2) .ico{background-position: -55px 0;}

.had_n  li:nth-child(3) .ico{background-position: -110px 0;}

.had_n  li:nth-child(4) .ico{background-position: -165px 0;}



.had_n .ico:hover{background: url(../images/ico.png) no-repeat 0 -55px;}

.had_n li:hover{cursor: pointer;}
.had_n li:hover .info h4{color: #fff;}

.had_n  li:nth-child(2):hover .ico{background-position: -55px -55px;}

.had_n  li:nth-child(3):hover .ico{background-position: -110px -55px;}

.had_n  li:nth-child(4):hover .ico{background-position: -165px -55px;}








.ys_dbg {
  background: url(../images/ys_dbg.jpg) repeat-x bottom center;
  height: 602px;
}

.ys_t{padding-top:60px;}
.ys_t h3{font-size: 30px;font-weight: bold;color: #3a3a3a;height: 40px; }

.ys_t i{background: #0063d1;width: 58px;height: 2px;display: block;margin:13px auto 0;}
 
.ys_n li .pic{width: 120px;height: 120px;border-radius: 50%;background: #fff;border: 2px solid #0063d1;text-align: center;vertical-align: top;}

.ys_n li .pic img{margin-top: 20px;}

.ys_n li .n{position: relative;}

.ys_n li {position: absolute;width: 418px;}

.ys_n li .info{width: 275px;height: 124px;background: #0063d1;position: absolute;z-index: 1;color:#fff;
padding:20px 60px 0 20px;

}


.ys_n li.ys3 .info,.ys_n li.ys4 .info{padding:20px 0px 0 80px;}
.ys_n li.ys3 .info,.ys_n li.ys4 .info{right:0px;}

.ys_n li.ys3 .pic,.ys_n li.ys4 .pic{left:0px;}


.ys_n li.ys1{left:0px;top:63px;}
.ys_n li.ys2{left:0px;top:243px;}
.ys_n li.ys3{left:762px;top:63px;}
.ys_n li.ys4{left:762px;top:243px;}



.ys_n li .info h4{font-size: 18px;font-weight: bold;}
.ys_n li p{line-height: 24px;margin-top: 8px;}


.ys_n li .pic{position: absolute;left:293px;top:12px;z-index: 2;}
 

 .case_dbg{height:920px;background: url(../images/pro_dbg.jpg) repeat;} 

.case_n {
  position: relative; background: #fff;height: 718px; padding:20px;



}
 
.case_n ul{width:105%;}

.case_n li {
  float: left;
   width: 341px;
  height:370px;
  display: block;
  overflow: hidden;
  position: relative;
 
border-right:1px dashed #dddddd;margin-right: 28px;padding-right: 28px;

}


.case_n li .pic {
  width: 341px;
  height: 180px;
  overflow: hidden;
  display: block;
}

.case_n li .pic img {
  width: 341px;
  height: 180px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  overflow: hidden;
}


.case_n li .about_a{margin-top: 20px;}


.case_n li .about_a a {
  width: 129px; height: 38px;
 background:url(../images/zx.jpg) no-repeat 0 0;  float: left; color:#fff;text-indent: 55px;line-height: 38px;font-weight: bold;
}

.case_n li .about_a a.zx {
  width: 129px; height: 38px;
 background:url(../images/zx.jpg) no-repeat right 0;
}

.case_n li:first-child{width:1140px;border-bottom: 1px solid #e1e1e1;;height: 298px;padding-bottom: 20px;margin:0 0px 20px 0;}

.case_n li:first-child .pic{float: left;width: 569px;height: 298px;}
.case_n li:first-child .pic img{width: 569px;height: 298px;}

.case_n li:first-child .info{width: 534px;float: right;margin:40px  0px 0 0;}
 

.case_n li .info h4 a{height: 40px;line-height: 40px;display: block;overflow: hidden;font-size: 14px;font-weight: bold;color: #0063d1333;;}

.case_n li .info  .con{font-size: 14px;line-height: 30px;height: 60px;display: block;overflow: hidden;color: #0063d1333;margin-top: 10px;}

.case_n li:first-child .info  .con{font-size: 14px;line-height: 30px;height: 90px;display: block;overflow: hidden;color: #0063d1333;margin-top: 10px;}


.case_n li:first-child .info h4 a{font-size: 16px;}

.case_n .info i {    background: #0063d1333;
  width: 30px;
 height: 3px;
 display: block; margin-top: 6px;

}


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


 




 
 
 
  





.about_dbg {
  background: url(../images/about_dbg.jpg) repeat-y top center;
  height: 437px;
}
 
.about_pic{border: 5px solid #fff;width:480px;margin-top: 62px;}
 
.about_pic a{
  width: 460px;
  height: 290px;
  display: block; 
  overflow: hidden; margin:10px ;
}

.about_pic img {
  width: 460px;
  height: 290px;
  display: block;
  transition: all .2s;
  overflow: hidden;
}

.about_pic:hover img {
  transform: scale(1.2, 1.2);

}


.about {
  width: 530px;
  margin: 30px 0 0 25px;
  color: #fff;
}

.about_nr h3 {
  font-size: 20px;
  transition: all .2s;
  font-weight: bold;color: #0063d1333;
}
 

.about_en{display: block; margin:77px  0 0 68px;  }


.about_nr{width: 537px; margin:80px  0px 0 0;
 
}

.about_nr .con {
  line-height: 32px;
  color: #666666; 
  height: 224px;
  display: block;
  overflow: hidden;
  margin-top: 25px;
}
 
 


.fc_nav{margin-top: 30px;background: url(../images/xian.jpg)  repeat-x bottom left;height: 45px;text-align: center;}


.fc_nav li{ line-height: 42px;height: 42px;text-align: center; display: inline-block;  margin: 0 20px;font-size: 18px;color: #0063d1333;font-weight: bold; }
.fc_nav li.tag_fc{ cursor: pointer;color: #0377da;border-bottom: 3px solid #0063d1;color: #0063d1;}
 

 .fc_height{height: 220px;display: block;/* overflow: hidden; */}
.fc_n { position: relative; margin-top: 28px; }
.fc_n  .bd{height: 220px;overflow:hidden;}

 
.fc_n li{float: left; margin:0px 30px 28px 0;width:275px;height: 204px;display: block;overflow:hidden; text-align: center;position: relative;
  

}

 

 .fc_n li .pic { width: 275px; height: 204px;  overflow: hidden; display: block;   }
.fc_n li .pic img { width: 275px; height: 204px;-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
transition:all .2s;
overflow:hidden; }
 
.fc_n li .info {
  height: 37px;
  line-height: 37px;
  display: block;opacity: 1;background: rgba(0, 0, 0, 0.58);
  overflow: hidden;position: absolute;left:0px;bottom: 0px;width: 100%;
}

 

.fc_n li .info a{color:#fff;}

 

 .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_dbg{height: 550px;background: #FFF;}


.news_left{width: 832px;margin-top: 40px;}

.news_nr{position: relative;}
.news_nr a.more{position: absolute;top:-53px;right:0px;text-transform: uppercase;font-family: arial; }



.news_l .info h4 a{height: 40px;line-height: 40px;display: block;overflow: hidden;color: #0063d1333;font-weight: bold;}

.news_l .info .con{line-height: 24px;height: 48px;display: block;overflow: hidden;color: #666666;}

.news_l span a{display: block;background: #f1f1f1;width: 122px;height: 30px;display: block;line-height: 33px;text-transform: uppercase;text-align: center;margin-top: 30px;font-size: 13px;}
 


.news_l .info{width: 532px;float: right;}

.news_l .pic{width: 271px;height: 156px;float: left;}

.news_l .pic img{width: 271px;height: 156px;}
.news_r{padding-top: 20px;}
.news_r ul{width:105%;}

.news_r li{height: 32px;line-height: 32px;color: #0063d1333;display: block;overflow: hidden;width: 400px;float: left;margin-right: 30px;}
.news_r li a{color: #0063d1333;width:270px;float: left;padding-left: 18px;position: relative;transition: all 0.6s ease-in-out;

  overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;

}
.news_r li a:before{width: 7px;height: 7px;background: url(../images/news_tag.jpg) no-repeat;position: absolute;left:0px;top: 13px;content: "";transition: all 0.6s ease-in-out;}

.news_r li:hover a:before{transform: rotate(90deg);;}
.news_r li:hover a{padding-left: 30px;}


.news_r li span{color: #0063d1333;float: right;}


.news_height{height: 330px;  padding: 20px 0;}




.news_nav{ background: url(../images/xian.jpg)  repeat-x bottom left;height: 45px;text-align: center;}


.news_nav li{ line-height: 42px;height: 42px;text-align: center;  float: left;  margin: 0 20px;font-size: 18px;color: #0063d1333;font-weight: bold; }
.news_nav li.tag_news{ cursor: pointer; border-bottom: 3px solid #0063d1;color: #0063d1;}
 



 

 

.problem{width: 300px;margin-top: 40px;}


.problem_nav{background: url(../images/xian.jpg)  repeat-x bottom left;height: 45px;text-align: center; }

.problem_nav  a{color: #0063d1333;float: right;text-transform: uppercase;margin-top: 10px;font-family: Arial, Helvetica, sans-serif;}
.problem_nav h3{height: 42px;line-height: 42px; border-bottom: 3px solid #0063d1;float: left;font-size: 16px;color: #0063d1;font-weight: bold;}

 

.problem_n .wen a{ font-weight: bold;color: #0063d1333;}
.problem_n .wen{height: 30px;line-height: 30px;display: block;overflow: hidden;background: url(../images/wenda.jpg) no-repeat 0 2px;padding-left: 40px;margin-top: 8px;}

.problem_n .da{height: 48px;line-height: 24px;display: block;overflow: hidden;background: url(../images/wenda.jpg) no-repeat 1px -29px;padding-left: 40px;color: #666666;margin-top: 5px;}

.problem_n{margin-top: 20px;}

.problem_n li{height:100px;border-bottom: 1px dashed #dcdcdc;display: block; padding-top: 5px;}

.links{margin-top:20px;height: 50px;line-height: 50px;;}
 
.links h3 {
  font-size: 14px;
  color: #0063d1333;
  float: left;font-weight: bold;
   
}

 

.links_n {
  width: 1100px;
  float: left;
  margin-left: 20px;height: 50px;line-height: 50px;overflow: hidden;
 
}

.links_n a {
  padding: 0px 14px;
}


.none {
  display: none;
}

.block {
  display: block;
}