@charset "UTF-8";
/*********** scss_oo7GoldModl_bt4_v2.0 目录 *****/
/*
	scss_oo7GoldModl为SCSS轻量级框架,能够更加灵活操作CSS3,你可以把他了解为短小精悍的小钢炮
	作者: __OO7__
	源码链接: https://github.com/ZTaer/OO7_GoldModl/tree/master/WEB_GoldModl/SCSS_GoldModl
	如果你有更好的想法可以联系我: 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: 使用默认值即可 ;

	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.  其他类
	
*/
ol, ul, li {
  list-style: none;
}

a {
  text-decoration: none;
}

.oo7-animate {
  opacity: 0;
}

body {
  background: #f8f8f8;
}

/*********** body *****/
body {
  letter-spacing: 3px;
  color: #696969;
  font-size: 15px;
}

/********* 公共 *****/
a:hover {
  text-decoration: none;
}

.more-button {
  width: 130px;
  display: block;
  border-top: 2px solid #dc3545;
  border-bottom: 2px solid #dc3545;
  padding: 0.3rem 0;
  font-weight: bold;
  color: #333;
  margin: 5rem 0 2rem 0;
  text-align: center;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.more-button:hover {
  color: #dc3545;
}

.public-doc {
  font-weight: bold;
  letter-spacing: 5px;
}

/** 翻页 **/
.fanye-pc {
  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;
  margin: 15px auto;
  cursor: pointer;
  text-indent: 0;
  width: 100%;
  padding: 0px;
}
.fanye-pc li {
  margin: 5px;
}
.fanye-pc li a {
  color: #444c6b;
  padding: 10px;
  border: 1px solid #c9c9c9;
  background: #f8f8f8;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.fanye-pc li a:hover {
  background: #444c6b;
  border-color: #444c6b;
  color: #f8f8f8;
  text-decoration: none;
}
.fanye-pc li a:hover {
  background: #dc3545;
  border: 1px solid #dc3545;
}

/*********** nav *****/
#mainNavbar {
  background: #000;
}
#mainNavbar a, #mainNavbar span {
  color: #f8f8f8;
}
#mainNavbar button i {
  font-size: 1.7rem;
}
#mainNavbar .navbar-brand img {
  height: 50px;
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
#mainNavbar #mainNav a {
  font-size: 15px;
  letter-spacing: 5px;
  padding: 10px 1rem;
  border-left: 5px solid #000;
  border-radius: 25px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#mainNavbar #mainNav a:hover {
  border-left: 5px solid #f8f8f8;
  color: #ccc;
}
#mainNavbar #mainNav .tel-icon a i {
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

/********** link *****/
#link {
  overflow: hidden;
  background: #f3f3f3;
}
#link table tbody th {
  color: #dc3545;
}
#link table tbody th, #link table tbody td {
  text-align: center;
}
#link table tbody a {
  color: #696969;
}
#link table tbody a:hover {
  color: #dc3545;
}

/********** contact *****/
#contact {
  background: url(/web/20220624135516im_/http://yiduowenhua.com/templets/static/images/footer_bg.jpg) center center no-repeat;
  background-size: cover;
}
#contact h5 {
  font-size: 2rem;
  font-weight: normal;
}
#contact .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #f8f8f8;
}
#contact .col-md-6:nth-of-type(1) {
  /** 修改placeholeder颜色 **/
}
#contact .col-md-6:nth-of-type(1) input::-webkit-input-placeholder {
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) textarea::-webkit-input-placeholder {
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(1) textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 15px;
  color: #ccc;
  letter-spacing: 3px;
}
#contact .col-md-6:nth-of-type(2) dl {
  height: 100%;
  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: flex-start !important;
  -webkit-align-content: flex-start !important;
  flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
  color: #f8f8f8;
}
#contact .col-md-6:nth-of-type(2) dl dt {
  width: 10%;
  font-size: 1.7rem;
  margin-bottom: 1.2rem;
  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: flex-start !important;
  -webkit-align-items: flex-start !important;
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
}
#contact .col-md-6:nth-of-type(2) dl dt span {
  width: 90%;
  display: block;
}
#contact .col-md-6:nth-of-type(2) dl dd {
  width: 87%;
  font-size: 1rem;
  margin-bottom: 1.2rem;
  letter-spacing: 5px;
  line-height: 40px;
  margin-left: 0.5rem;
}
#contact .col-md-6:nth-of-type(3) dl {
  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: center !important;
  -webkit-align-content: center !important;
  flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
  margin-top: 2rem;
  color: #f8f8f8;
}
#contact .col-md-6:nth-of-type(3) dl dt {
  font-size: 1.1rem;
  width: 20%;
}
#contact .col-md-6:nth-of-type(3) dl dd {
  width: 70%;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  letter-spacing: 5px;
}

/********** end *****/
#end {
  background: #000;
}
#end p {
  color: #ccc;
}
#end .col-6:nth-of-type(2) p {
  text-align: right;
}
#end .col-6:nth-of-type(2) p a {
  color: #ccc;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#end .col-6:nth-of-type(2) p a:hover {
  color: #333;
}

/********** pc *****/
@media (min-width: 765px) {
  /********** link *****/
}
/********** m *****/
@media (max-width: 756px) {
  /** more-button **/
  .more-button {
    margin: 4rem auto 2rem auto;
  }

  /** link **/
  #link p {
    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: center !important;
    -webkit-align-content: center !important;
    flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    width: 260px;
    margin: 0px  auto;
    padding: 0 !important;
  }
  #link p b {
    width: 100%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  #link p a {
    width: 130px;
  }

  /*********** nav *****/
  #mainNavbar .navbar-brand img {
    height: 40px;
  }
}

/*# sourceMappingURL=public.css.map */

/* search */
.ser_con{width:240px;height:40px;padding-top:10px;}
.search_con_index{width:100%;height:25px;margin:0 auto;border:1px solid #a8a8a8;border-radius:12px;}
.search_con_index .serch_input_index{position:relative;width:100%;height:25px;overflow:hidden;}
.search_con_index .serch_text_index{font-size:16px;line-height:23px;float:left;outline:none;display:block;text-indent:1.0em;width:84%;height:23px;background:none;border:none;color:#fff;}
.search_con_index .serch_btn_index{float:right;display:block;font-size:0;width:30px;height:25px;}

.serch_input_index input{font-size:14px;}
.serch_input_index input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	font-size:14px;
} 
.serch_input_index input:-moz-placeholder, textarea:-moz-placeholder { 
	font-size:14px;
} 
.serch_input_index input::-moz-placeholder, textarea::-moz-placeholder { 
	font-size:14px;
} 
.serch_input_index input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	font-size:14px;
} 
/* search end*/
.fanye-pc li{color:#2e2e2e;}
/*
     FILE ARCHIVED ON 13:55:16 Jun 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:59:01 Sep 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.553
  exclusion.robots: 0.029
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 10.319
  LoadShardBlock: 355.417 (3)
  PetaboxLoader3.datanode: 120.606 (4)
  PetaboxLoader3.resolve: 123.536 (2)
  load_resource: 89.591
*/