/* CSS Document */

/*
 * @Author: 谛道文化 
 * @Date: 2021-12-26 12:04:13 
 * @Last Modified by: 谛道文化
 * @Last Modified time: 2022-01-12 20:34:41
 */

/*公共css样式*/
html, body { scroll-behavior:smooth; }
body {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
}
header, footer, article, aside, section, nav, menu, hgroup, details, dialog, figure, figcaption {
	display: block;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	color: #000;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	font-style: normal;
}
ul, li, ol, li, dl, dd, dt {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
img {
	border: 0;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
em, i, u {
	font-weight: normal;
	font-style: normal;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
input, select, textarea, form, button {
	font-family: "Microsoft YaHei";
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*-------------------------网站字体----------------------*/

/* 网站字体 */
.web_font1 {
  font-family: "黑体" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
}/* 黑体 */

.web_font2 {
    font-family: "宋体" !important;
}/* 宋体 */

@font-face {
    font-family: "webfont3";
    font-display: swap;
    src: url('../font/webfont3/webfont3.eot'); /* IE9 */
    src: url('../font/webfont3/webfont3.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/webfont3/webfont3.woff') format('woff2'),
    url('../font/webfont3/webfont3.woff') format('woff'), /* chrome、firefox */
    url('../font/webfont3/webfont3.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/webfont3/webfont3.svg#webfont') format('svg'); /* iOS 4.1- */
}
.web_font3 {
    font-family: "webfont3" !important;
}/* 导航英文字体 */

@font-face {
    font-family: "webfont4";
    font-display: swap;
    src: url('../font/webfont4/webfont4.eot'); /* IE9 */
    src: url('../font/webfont4/webfont4.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/webfont4/webfont4.woff') format('woff2'),
    url('../font/webfont4/webfont4.woff') format('woff'), /* chrome、firefox */
    url('../font/webfont4/webfont4.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/webfont4/webfont4.svg#webfont') format('svg'); /* iOS 4.1- */
}
.web_font4 {
    font-family: "webfont4" !important;
}/* 辅助英文字体1-衬线 */

@font-face {
    font-family: "webfont6";
    font-display: swap;
    src: url('../font/webfont6/webfont6.eot'); /* IE9 */
    src: url('../font/webfont6/webfont6.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/webfont6/webfont6.woff') format('woff2'),
    url('../font/webfont6/webfont6.woff') format('woff'), /* chrome、firefox */
    url('../font/webfont6/webfont6.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/webfont6/webfont6.svg#webfont') format('svg'); /* iOS 4.1- */
}
.web_font6 {
    font-family: "webfont6" !important;
}/* 辅助英文字体2-无衬线-细 */

@font-face {
    font-family: "webfont5";
    font-display: swap;
    src: url('../font/webfont5/webfont5.eot'); /* IE9 */
    src: url('../font/webfont5/webfont5.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/webfont5/webfont5.woff') format('woff2'),
    url('../font/webfont5/webfont5.woff') format('woff'), /* chrome、firefox */
    url('../font/webfont5/webfont5.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/webfont5/webfont5.svg#webfont') format('svg'); /* iOS 4.1- */
}
.web_font5 {
    font-family: "webfont5" !important;
}/* 数字字体 */

/*-------------------------字体链接颜色----------------------*/

/*字体链接颜色*/
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #000;
}
a:hover {
	color: rgb(231,58,13);
    transition: all ease-out .3s;
}
.unline, .unline a {
	text-decoration: underline;
}
.nounline, .nounline a:hover, .nounline {
	text-decoration: none;
}
.more, .more a:link, .more a:visited {
	color: rgb(231,58,13);
}
.more, .more a:hover, .cfff:hover, .c000:hover, .c333:hover, .c666:hover, .cred:hover，.ayellow:hover {
	color: rgb(231,58,13);
}
.cfff, .cfff a:link, .cfff a:visited {
	color: #ffffff;
}
.c000, .c000 a:link, .c000 a:visited {
	color: #000000;
}
.c333, .c333 a:link, .c333 a:visited {
	color: #333333;
}
.c666, .c666 a:link, .c666 a:visited {
	color: #666666;
}
.c999, .c999 a:link, .c999 a:visited {
	color: #999999;
}
.cred, .cred a:link, .cred a:visited {
	color: rgb(231,58,13);
}

/*-------------------------字体图标----------------------*/

/* 字体图标 */
@font-face {
    font-family: "iconfont"; /* Project id 3063445 */
    src: url('../font/fontico/iconfont.woff2?t=1641127646631') format('woff2'),
         url('../font/fontico/iconfont.woff?t=1641127646631') format('woff'),
         url('../font/fontico/iconfont.ttf?t=1641127646631') format('truetype');
  }
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
  .icon-jiantou:before {
    content: "\e61f";
    color: #000;
    font: 40px iconfont;
    font-weight: 100;
    position: relative;
    top: 10px;
    left: 20px;
  }
  
  .icon-fenxiang:before {
    content: "\e605";
  }
  
  .icon-lianjie:before {
    content: "\e609";
  }
  
  .icon-dianhua:before {
    content: "\e60a";
  }
  
  .icon-gongsi:before {
    content: "\e61d";
    color: #999;
    font: 50px iconfont;
    font-weight: 100;
  }
  
  .icon-qunti:before {
    content: "\e622";
    color: #999;
    font: 50px iconfont;
    font-weight: 100;
  }
  
  .icon-weixin1:before {
    content: "\e60c";
    font: 37px iconfont;
    color: #ff7463;
  }
  
  .icon-weibo1:before {
    content: "\e60d";
    font: 37px iconfont;
    color: #ff7463;
  }
  
  .icon-qqkj1:before {
    content: "\e60e";
    font: 37px iconfont;
    color: #ff7463;
  }
  
  .icon-qq1:before {
    content: "\e60f";
    font: 37px iconfont;
    color: #ff7463;
  }
  
  .icon-peixun:before {
    content: "\e617";
    color: #999;
    font: 50px iconfont;
    font-weight: 100;
  }
  
  .icon-dingwei:before {
    content: "\e610";
    color: #999;
    font: 50px iconfont;
    font-weight: 100;
  }

/*-------------------------按钮样式----------------------*/

/* 按钮 */
.button {
	transition: all ease-out .3s;
	text-decoration: none;
    display: inline-block;
}
.button:hover{
	background: #e73a0d;
	color: #fff;
}


/*-------------------------辅助样式----------------------*/

/* 鼠标选中文字颜色 */
::selection {
    background:#e73a0d; 
    color:#fff;
    -webkit-text-fill-color: #fff; 
}
::-moz-selection {
    background:#e73a0d; 
    color:#fff;
    -webkit-text-fill-color: #fff; 
}
::-webkit-selection {
    background:#e73a0d; 
    color:#fff;
    -webkit-text-fill-color: #fff;  
}

/* 字体渐变 */
.font_jianbian{
    display: inline-block;
    background: -moz-linear-gradient(130deg, #c7000b, #e73a0d);
    background: -webkit-gradient(linear,100% 100%,0 0,from(#c7000b),to(#e73a0d));
    background: -webkit-linear-gradient(130deg, #c7000b, #e73a0d);
    background: -o-linear-gradient(130deg, #c7000b, #e73a0d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}/* 130度角度渐变 */

/* 浏览器滚动条 */
::-webkit-scrollbar-thumb{ 
    background-color:#e73a0d; 
    height:50px; 
    outline-offset:-2px; 
    outline:2px solid #fff; 
    -webkit-border-radius:20px; 
    border: 2px solid #fff; 
 } 
 ::-webkit-scrollbar-thumb:hover{ 
    background-color:#970004; 
    height:50px; 
    -webkit-border-radius:20px; 
 } 
 ::-webkit-scrollbar{ 
    width:10px; 
    height:10px; 
 } 
 ::-webkit-scrollbar-track-piece{ 
    background-color:#fff; 
    -webkit-border-radius:0; 
 }
 html,body {
    scrollbar-face-color:#FB4446; /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
    scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */
    scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }/* IE scrollbar */

/*图片划过*/
.enlargeimg {
	width: 100%;
	float: left;
	overflow: hidden;
}
.enlarge img {
	display: block;
	-webkit-transition: -webkit-transform 2.2s cubic-bezier(.165, .84, .44, 1);
	transition: transform 2.2s cubic-bezier(.165, .84, .44, 1);
}
.enlarge:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*翻转*/
.flipx {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}/*水平翻转*/

.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}/*垂直翻转*/

/*英文大写*/
.font_daxie{text-transform:uppercase;}

/*-------------------------分割线----------------------*/

/*分页*/
section[role="navigation"] {
	text-align: center;
	width: 100%;
	float: left;
	overflow: hidden;
}
.cd-pagination {
	width: 90%;
	max-width: 768px;
	text-align: center;
	overflow: hidden;
}
.cd-pagination li {
	/* 小屏幕上隐藏数字 */
	display: none;
	margin: 0 .2em;
}
.cd-pagination li.pagebutton {
	/* 显示上一页和下一页按钮 */
	display: inline-block;
}
.cd-pagination a, .cd-pagination span {
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* 设置按钮大小 */
	padding: .5em .8em;
	font-size: 1rem;
}
.cd-pagination a {
	border: 1px solid #e6e6e6;
	border-radius: 0.25em;
}
.no-touch .cd-pagination a:hover {
	background-color: #f2f2f2;
}
.cd-pagination a:active {
	/* 点击效果 */
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.cd-pagination a.disabled {
	/* 按钮不可用 */
	color: rgba(46, 64, 87, 0.4);
	pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
	opacity: .4;
}
.cd-pagination .pagebutton:first-of-type a::before {
	content: '\00ab';
}
.cd-pagination .pagebutton:last-of-type a::after {
	content: ' \00bb';
}
.cd-pagination .current {
	/* 当前页码 */
	background-color: #ff7500;
	border-color: #ff7500;
	color: #ffffff;
	pointer-events: none;
}
@media only screen and (min-width: 768px) {
	.cd-pagination li {
		display: inline-block;
	}
}
@media only screen and (min-width: 1280px) {
	.cd-pagination {
		margin-top: 0;
		margin-bottom: 55px;
	}
}



/*-------------------------分割线----------------------*/

/*导航菜单*/
#toggleMenu {
  position: relative;
  width: 100%;
  min-height: calc(100vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  background: #000;
}

#toggleMenu nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 5%;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#toggleMenu nav .logo {
  position: relative;
  z-index: 15;
}

#toggleMenu .pcmenu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          display: block; 
          margin-left: 165px;

}

#toggleMenu .pcmenu dt{
  padding: 0 45px;
  font-size: 1rem;
  float: left;
  font-weight: 700;
  font-size: 1rem;
}
#toggleMenu .pcmenu dt a:hover {
	color: rgb(240, 127, 6);
}

#toggleMenu nav .navigation {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  overflow-y: auto;
  background: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
  -o-transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
  transition: height .8s cubic-bezier(0.3, 1, 0.3, 1) .1s;
}

#toggleMenu.active nav .navigation {
  height: calc(100vh);
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

#toggleMenu nav .navigation li {
  list-style: none;
  text-align: center;
  margin: 15px 0;
  width: 240px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

#toggleMenu.active nav .navigation li {
  opacity: 1;
  -webkit-transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
  -o-transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
  transition: opacity 2s cubic-bezier(0.16, 1.08, 0.38, 0.98) .3s;
}

#toggleMenu nav .navigation li a {
  display: inline-block; 
  text-decoration: none;
}

#toggleMenu nav .navigation li a .label {
  display: inline-block; 
  position: relative;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#toggleMenu nav .navigation li:hover a .label {
  opacity: 1;
  padding-left: 50px;
  color: #df1f29;
}

#toggleMenu nav .navigation li a .label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 0;
  background: #df1f29;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}
#toggleMenu nav .navigation li:hover a .label::before {
  width: 40px;
}
#toggleMenu nav .toggle {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
		  margin:0;
}
#toggleMenu nav .toggle span {
  height: 3px;
  margin: 3px 5px;
  width: 30px;
  display: block;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#toggleMenu nav .toggle span:nth-child(2) {
  width: 25px;
  margin-left: -10px;
}


#toggleMenu nav .toggle.active span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-5px, 6px);
      -ms-transform: rotate(-45deg) translate(-5px, 6px);
          transform: rotate(-45deg) translate(-5px, 6px);
}

#toggleMenu nav .toggle.active span:nth-child(2) {
  opacity: 0;
}

#toggleMenu nav .toggle.active span:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
      -ms-transform: rotate(45deg) translate(-6px, -7px);
          transform: rotate(45deg) translate(-6px, -7px);
}

#toggleMenu nav .toggle::before {
  content: 'Menu';
  position: absolute;
  right: 50px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
}

#toggleMenu .pcbanner {
  position: relative;
  z-index: 10;
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#toggleMenu.active .pcbanner {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

#toggleMenu .sci {
  position: absolute;
  bottom: 40px;
  right: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}

#toggleMenu .sci li {
  list-style: none;
  margin: 5px;
  padding: 0 6px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#toggleMenu.active .sci li {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}

#toggleMenu .sci li a {
  color: #111;
  background: #fff;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 12px;
  padding: 2px 5px;
  text-transform: uppercase;
}

#toggleMenu .sci li a:hover {
  background: #111;
  color: #fff;
}

#toggleMenu .sci li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#toggleMenu .sci li:nth-child(2) {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

#toggleMenu .sci li:nth-child(3) {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media (max-width: 992px) {
  #toggleMenu nav {
    padding: 20px;
  }
  #toggleMenu .sci {
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 480px) {
  #toggleMenu .content h2 {
    font-size: 3rem;
  }
}