@charset "UTF-8";
/*********** OO7BTS.v2.6 目录 *****/
/*
	OO7BTS为SCSS轻量级框架,能够更加灵活操作CSS3,你可以把他了解为短小精悍的小钢炮
	作者: __OO7__
	源码链接: https://github.com/ZTaer/OO7GoldModl
	如果你有更好的想法可以联系我: QQ - 1069798804 ( 加好友时记得留言scssUser )
	
	0. 防出错类
	1.	flex函数类
		1-0. 开启弹性布局,有兼容性: display-flex( [flex-direction] )
		1-1. 单行flex布局，含兼容性: xy-items( justify-content, align-items, [flex-wrap] );
		1-2. 多行flex布局，含兼容性: xy-content( justify-content, align-items, align-content, [flex-wrap] )
	2. 颜色类
		2-0. 预计开发快捷渐变
		2-1. 修改placeholder颜色: placeholder-color( 字体大小, 字体颜色, 字间距 )
	3. 字体类
		3-0. 快捷设置字体格式: font-style( 字体大小, 字体颜色, 字体宽度, 字间距 )
		3-1. 字体不换行且文本溢出时显示省略标记(...): font-nowrap();
		3-2. 字体自动换行文本溢出时显示省略标记(...): font-wrap(); // 暂时维护
		3-3. 常用中文字体以及图片排版,图片为自适应,支持电脑/移动端: font-zh( 字体大小, 字体颜色, 字体行高, 字体间距  ) ps: 使用默认值即可 ;
		3-4. 固定范围显示字体: font-hidden( 显示宽度 , 显示高度 );
	4. 布局类
		4-0. 根据宽度"等比例缩放"大小高度: img-autosize( 原始图片宽度,原始图片高度,容器宽度,容器单位 );
		4-1. 设置主要内容区域,留出二边间隔,默认0/1200/1920大小为中间内容: div-content( 上下内间大小,书写主要内容区域大小,占用真实空间大小 );
		4-2. 图片不变形显示,防止在后台因放不同尺寸图片，造成前台因图片尺寸不同造成的布局变形,默认图片位置为center: img-window( 图片宽度,图片高度,图片x方向位置,图片y方向位置 );
		4-3. pc端翻页样式,只适合页面数小于10页,并且要求ul结构为 ul -> li -> a: ul-fanye-pc( 按钮边框设置, 按钮外间距, 按钮内间距, 按钮背景颜色, 按钮字体颜色 );
	5. 动画类
		5-0. 图片放大/缩小动画过度效果,注意二者函数配合才能实现放大动画效果，但是img-transition也可以单独使用,配合hover效果( 考虑到灵活性 ): img-transition( 动画时间 ); img-transform-scale( 放大倍数 ); img-transform-scale-window( 放大倍数 ) - 与img-window()配合;
		5-1. 自适应背景视频，与oo7.backgroundVideo()配合: background-video-init( 背景图片路径 ); - 简便方法,css中直接写在父类下,HTML要写入对应的class类名
	6.	辅助类
		6-0. 以辅助其它第三方库
		6-1. 灯箱效果-改变灯箱中字体样式: @include help-lightbox-font( 字体大小,颜色,字间距,字体宽度 );
		6-2. 滑动动画-改变按钮位置以及样式 0. 改变二个按钮之间的位置: help-slick-btn-pos( 设定大于x分辨率生效, 左按钮位置, 右按钮位置, 显示层阶 ) 1. 改变按钮二个默认样式: help-slick-btn-style( 按钮大小, 按钮颜色, 按钮粗度 ) 2. 隐藏按钮开关: help-slick-btn-hidden( 左按钮显示开关, 右按钮显示开关 ) hidden开启隐藏
	7.	其他类
	
*/
ol, ul, li {
  list-style: none;
}
body{font-size:17px;}
a {
  text-decoration: none;
}

.oo7-animate {
  opacity: 0;
}

/*********** banner *****/
#banner .carousel-item {
  min-height: 590px;
  overflow: hidden;
  background: center center no-repeat;
  background-size: cover;
}

/************ pro *****/
/** 灯箱字体 **/
.modal-header .modal-title {
  font-size: 15px !important;
  color: #0a386b !important;
  letter-spacing: 3px !important;
  font-weight: bold !important;
}

#pro nav .navbar-nav {
  overflow: hidden;
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
  align-items: center !important;
  -webkit-align-items: center !important;
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
}
#pro nav .navbar-nav li {
  flex-grow: 1;
  border-radius: 5px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#pro nav .navbar-nav li a {
  text-align: center;
  color: #0a386b;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#pro nav .navbar-nav li:hover {
  background: #0a386b;
}
#pro nav .navbar-nav li:hover a {
  color: #fff;
}
#pro .pro-content {
  display: flex;
  display: -webkit-flex;
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  align-content: flex-start !important;
  -webkit-align-content: flex-start !important;
  flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
}
#pro .pro-content .col-2 {
  border: 1px solid #ccc;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  background: #fff;
}
#pro .pro-content .col-2 a {
  border: 1px  solid #ccc;
}
#pro .pro-content .col-2 .pro-window {
  width: 100%;
  max-height: 120px;
  overflow: hidden;
  display: block;
  height: 120px;
  background: #fff;
}
#pro .pro-content .col-2 .pro-window img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari and Chrome */
  width: 110%;
  height: auto;
}
#pro .pro-content .col-2 .pro-window img {
  width: 85%;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#pro .pro-content .col-2 h5 {
  font-size: 15px;
  color: #333;
  font-weight: normal;
  letter-spacing: 3px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pro .pro-content .col-2:hover {
  border: 1px solid #0a386b;
}
#pro .pro-content .col-2:hover .pro-window img {
  width: 90%;
}
#pro .pro-content .col-2:hover h5 {
  color: #0a386b;
}

/*********** about-nav *****/
#about-nav {
  background: rgba(0, 0, 0, 0.03);
}
#about-nav .col-6 a {
  color: #696969;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#about-nav .col-6 a .icon-circle {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  align-items: center !important;
  -webkit-align-items: center !important;
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
  border: 1px solid #ccc;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#about-nav .col-6 a i {
  font-size: 1.8rem;
}
#about-nav .col-6 a h5 {
  font-size: 16px;
  color: #696969;
  font-weight: normal;
  letter-spacing: 3px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#about-nav .col-6 a cite {
  font-size: 10px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#about-nav .col-6 a p {
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  border-top: 1px dashed #ccc;
  font-size: 12px;
}
#about-nav .col-6 a:hover {
  color: #0a386b;
  text-decoration: none;
}
#about-nav .col-6 a:hover .icon-circle {
  border: 1px solid #0a386b;
}
#about-nav .col-6 a:hover h5, #about-nav .col-6 a:hover cite {
  color: #0a386b;
}
#about-nav .col-6 a:hover p {
  border-top: 1px dashed #0a386b;
}

/********* honor *****/
#honor {
  overflow: hidden;
}
#honor .autoplay2 {
  /** 按钮 **/
}
@media (min-width: 765px) {
  #honor .autoplay2 .slick-next, #honor .autoplay2 .slick-prev {
    z-index: 999;
  }
  #honor .autoplay2 .slick-prev {
    left: -2.5rem;
  }
  #honor .autoplay2 .slick-next {
    right: -2.3rem;
  }
}
#honor .autoplay2 .slick-prev:before, #honor .autoplay2 .slick-next:before {
  font-size: 1.7rem !important;
  color: #f8f8f8 !important;
  font-weight: normal !important;
}
#honor .autoplay2 div .auto-window {
  border-top: 1px solid #0a386b;
  border-bottom: 1px solid #0a386b;
  width: 100%;
  max-height: 255px;
  overflow: hidden;
  display: block;
  height: 255px;
}
#honor .autoplay2 div .auto-window img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari and Chrome */
  width: 110%;
  height: auto;
}
#honor .autoplay2 div .auto-window img {
  width: 102%;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#honor .autoplay2 div .auto-window:hover img {
  width: 100%;
}

/********* pic *****/
#pic {
  background: url(../images/pic_bg.jpg) center center no-repeat;
  background-size: cover;
}
#pic .autoplay {
  /** 按钮 **/
}
@media (min-width: 765px) {
  #pic .autoplay .slick-next, #pic .autoplay .slick-prev {
    z-index: 999;
  }
  #pic .autoplay .slick-prev {
    left: -2.5rem;
  }
  #pic .autoplay .slick-next {
    right: -2.3rem;
  }
}
#pic .autoplay .slick-prev:before, #pic .autoplay .slick-next:before {
  font-size: 1.7rem !important;
  color: #f8f8f8 !important;
  font-weight: normal !important;
}
#pic .autoplay div .auto-window {
  width: 100%;
  max-height: 240px;
  overflow: hidden;
  display: block;
}
#pic .autoplay div .auto-window img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari and Chrome */
  width: 110%;
  height: auto;
}
#pic .autoplay div .auto-window img {
  width: 130%;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#pic .autoplay div .auto-window:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  left: 0;
}

/*********** news ******/
#news {
  overflow: hidden;
  background: #f6f6f6;
}
#news nav .navbar-nav {
  overflow: hidden;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  align-items: center !important;
  -webkit-align-items: center !important;
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
}
#news nav .navbar-nav li {
  width: 120px;
  border-radius: 5px;
  border: 1px solid #0a386b;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#news nav .navbar-nav li a {
  text-align: center;
  color: #0a386b;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#news nav .navbar-nav li:hover {
  background: #0a386b;
}
#news nav .navbar-nav li:hover a {
  color: #fff;
}
#news .col-md-6:nth-of-type(1) {
  box-shadow: 5px 5px 5px #ddd;
}
#news .col-md-6:nth-of-type(1) .col-4 .news-img-window {
  border: 1px  solid #ddd;
  width: 100%;
  max-height: 110px;
  overflow: hidden;
  display: block;
  background: #0a386b;
}
#news .col-md-6:nth-of-type(1) .col-4 .news-img-window img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari and Chrome */
  width: 110%;
  height: auto;
}
#news .col-md-6:nth-of-type(1) .col-4 .news-img-window img {
  width: 135%;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#news .col-md-6:nth-of-type(1) .col-8 h5 {
  width: 100%;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#news .col-md-6:nth-of-type(1) .col-8 h5 i {
  color: #0a386b;
}
#news .col-md-6:nth-of-type(1) .col-8 p {
  font-size: 14px;
  margin-bottom: 0;
  overflow: hidden;
  color: #696969;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
#news .col-md-6:nth-of-type(1) .col-12 dl {
  display: flex;
  display: -webkit-flex;
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
  align-content: space-between !important;
  -webkit-align-content: space-between !important;
  flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
}
#news .col-md-6:nth-of-type(1) .col-12 dl dd {
  padding: 0.8rem 0;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0;
  width: 100%;
  font-size: 15px;
  color: #696969;
  font-weight: normal;
  letter-spacing: 3px;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#news .col-md-6:nth-of-type(1) .col-12 dl dd a {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #696969;
}
#news .col-md-6:nth-of-type(1) .col-12 dl dd a:hover {
  color: #0a386b;
}
#news .col-md-6:nth-of-type(1):hover .col-4 .news-img-window img {
  width: 125%;
}
#news .col-md-6:nth-of-type(2) {
  box-shadow: 7px 3px 8px #ccc;
}
#news .col-md-6:nth-of-type(2) .news-pic-p {
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#news .col-md-6:nth-of-type(2) .news-pic-p .news-pic-title {
  display: flex;
  display: -webkit-flex;
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
  align-items: center !important;
  -webkit-align-items: center !important;
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
}
#news .col-md-6:nth-of-type(2) .news-pic-p .news-pic-title h5 {
  width: 80%;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
#news .col-md-6:nth-of-type(2) .news-pic-p .news-pic-title h5 i {
  color: #0a386b;
}
#news .col-md-6:nth-of-type(2) .news-pic-p .news-pic-title time {
  color: #0a386b;
  font-weight: bold;
}
#news .col-md-6:nth-of-type(2) .news-pic-p p {
  margin-bottom: 0;
  max-height: 78px;
  overflow: hidden;
  font-size: 14px;
  color: #696969;
  font-weight: normal;
  letter-spacing: 3px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  line-height: 28px;
}
#news .col-md-6:nth-of-type(2) .news-pic-p:hover {
  background: #0a386b;
  color: #f8f8f8;
}
#news .col-md-6:nth-of-type(2) .news-pic-p:hover h5 {
  color: #f8f8f8;
}
#news .col-md-6:nth-of-type(2) .news-pic-p:hover h5 i {
  color: #f8f8f8;
}
#news .col-md-6:nth-of-type(2) .news-pic-p:hover time {
  color: #f8f8f8;
}
#news .col-md-6:nth-of-type(2) .news-pic-p:hover p {
  color: #f8f8f8;
}

#pro .pro-content .col-2 h5{
	
	letter-spacing: 1px;
}
/*# sourceMappingURL=index.css.map */

/* index_shebei */
.index_shebei{}
.index_shebei li{width:23%;height:12.0rem;float:left;margin:6px 1%;border-radius:5px;overflow:hidden;}
.index_shebei li img{width:100%;min-height:100%;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.index_shebei li:hover img{transform: scale(1.06, 1.06);transition: 0.6s transform;z-index:1000;}
.mclear{clear:both;}
/* index_shebei end*/
/* yl_links */
.yl_links{padding-top:16px;padding-bottom:16px;background:#fff;}
.yl_links .links_con{line-height:26px;color:#474747;}
.yl_links .links_con a{display:inline-block;font-size:15px;margin-left:8px;color:#474747;}
.yl_links .links_con a:hover{color:#007bff;}
.yl_links .links_con h6{display:inline-block;font-size:16px;color:#474747;font-weight:bold;}
/* yl_links end*/
#pro nav .navbar-nav li{border:1px solid #aaa;margin:3px;}