/* header */
.header_full{height:92px;border-bottom:1px solid #51AACA;}
.header{width:1200px;}
/* left */
.logo{width:370px;padding-top:10px;padding-left:0px;}
/* right */
.top_right{width:748px;}
/* top_link */
.top_link{padding-top:24px;height:26px;line-height:26px;padding-right:35px;text-align:right;}
.top_link i{color:#686868;}
.top_link span,.top_link a{color:#46AAFE;}
.top_link a{font-size:13px;}
.top_link a:hover{text-decoration:underline;}
/*  nav */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav_bar{position:relative;z-index:1;height:42px;line-height:42px;color:#333;}
.nav{position:relative;width:748px;margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{color:#333;}
.nav h3{font-size:100%;font-weight:normal;}
.nav h3 a{display:block;width:120px;text-align:center;font-size:14px;}
.nav .m{float:right;position:relative;z-index:1;}
.nav .s{float:right;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav .sub{display:none;position:absolute;left:-3px;top:42px;z-index:1;width:128px;border:1px solid #E6E4E3;border-top:0; background:#fff;}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block; border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#666;}
.nav .sub li a:hover{color:#1E95FB;}

/* index - banner */
.full_banner{width:100%;position:relative;height:550px;background:#FFF;overflow:hidden;}
.full_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.full_banner .bd ul{width:100% !important;}
.full_banner .bd li{width:100% !important;float:left;height:550px;overflow:hidden;text-align:center;}
.full_banner .bd li a{ display:block;height:550px;}
.full_banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
.full_banner .hd ul{text-align:center;padding-top:5px;}
.full_banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:5px;background:url(../images/tg_flash_p.png) -18px 0;overflow:hidden;
line-height:9999px;}
.full_banner .hd ul .on{background-position:0px 0px;}


.index_product {
  padding-bottom: 30px;
  padding-top: 1px;
  background-color: #fff;
  height: 600px;
}
.index_product .row {
  margin-left: 0;
  margin-right: -20px;
  margin-top: 10px;
}
.index_product .col-md-2 {
  width:280px;
  height:246px;
  padding-left: 0;
  padding-right: 20px;
}
.index_product .pro {
  margin-top: 20px;
}
.pro {
  background-color: var(--normalcolor);
  border-radius: 4px;
  box-shadow: 0 0px 5px #F0F0F0;
}
.pro .enname {
  color: #666;
  margin-top: -2px;
  height:25px;
  margin-bottom: 3px;
}
.pro .img {
 width: 280px;
 height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.pro .img img {
	border-radius: 4px 4px 0 0;
  max-width: 100%;
  transition-duration: 0.3s;
  max-height: 100%;
}
.pro .content {
  padding: 10px 14px;
  line-height: 25px;
}
.pro .content a {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: center;
  font-size: 14px;
}

.pro:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.pro:hover img {
  transform: scale(1.1);
}

.container {
  width: 1200px;
}
.container::after,
.container::before {
  display: none;
}
.title_header {
  text-align: center;
  font-size: 32px;
  color: var(--fontHoverColor);
  margin-top: 30px;
  font-weight: bold;
}
.title_header::after {
  width: 25px;
  content: "";
  display: block;
  margin: 0 auto;
  height: 3px;
  margin-top: 15px;
  background-color: var(--fontHoverColor);
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.index_service {
 background-color:#fafafa;
  padding-bottom: 10px;
  padding-top: 1px;
  height: 550px;
}

.index_service .row {
  margin-left: 0;
  margin-right: -50px;
}
.index_service .col-md-3 {
  padding-left: 0;
  padding-right: 20px;
  width: 280px;
}
.index_service .box {
  margin-top: 20px;
  border-radius: 4px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 110%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  position: relative;
  transition-duration: 0.3s;
}
.index_service .box a {
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  color: var(--normalcolor);
}
.index_service .box i {
  font-size: 50px;
}
.index_service .box span {
  display: block;
  text-align: center;
  width: 280px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 40px;
  color: #FFF;
}
.index_service .box:hover {
  background-size: 120%;

}
.index_service .box:hover a {
    color: #1E95FB;
}
.index_service .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition-duration: 0.3s;
}
.index_service .box:hover::after {
  background-color: rgba(1, 68, 146, 0.4);
}